Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/443.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
单击javascript将信息窗口内容添加到多个选择列表_Javascript_Jquery_Google Maps_Google Maps Api 3 - Fatal编程技术网

单击javascript将信息窗口内容添加到多个选择列表

单击javascript将信息窗口内容添加到多个选择列表,javascript,jquery,google-maps,google-maps-api-3,Javascript,Jquery,Google Maps,Google Maps Api 3,我想使用javascript将每个标记的infowindow内容添加到列表中。 我是通过下拉菜单做的。当我单击下拉列表中的每个元素时,它将存储在列表分区中。但是,我想通过onclick事件在MapInfoWindow内容中做同样的事情 我想做同样的事情,像这样: 但是,我在地图上有不同的信息窗口,而不是下拉菜单 我应该在内容中添加什么来调用函数 地图信息窗口: var message = ["Ronak","Patel","Mark","Secret","Mission"]; var infow

我想使用javascript将每个标记的infowindow内容添加到列表中。 我是通过下拉菜单做的。当我单击下拉列表中的每个元素时,它将存储在列表分区中。但是,我想通过onclick事件在MapInfoWindow内容中做同样的事情

我想做同样的事情,像这样: 但是,我在地图上有不同的信息窗口,而不是下拉菜单

我应该在内容中添加什么来调用函数

地图信息窗口:

var message = ["Ronak","Patel","Mark","Secret","Mission"];
var infowindow = new google.maps.InfoWindow({
    content: '<a onclick="$(\'select#name\').next()\
                   .find(\'option[value=&quot;\'+$(this).text()+\'&quot;]\')\
                   .trigger(\'click\');return false;" >'+message[num]+'</a>'
});
javascript:

<script type="text/javascript">
$(document).ready(function () {
   $('select#name').selectList({ sort: true });
});
HTML:


谢谢。

您必须触发所需选项的单击事件

触发单击值为Ronak的选项的示例:

content: '<a onclick="$(\'select#name\').next()\
                       .find(\'option[value=&quot;\'+$(this).text()+\'&quot;]\')\
                       .trigger(\'click\');return false;" >Ronak</a>'
有关评论:

如何填充选择动态,例如通过给定数组:

var message = ["Ronak","Patel","Mark","Secret","Mission"];
$(document).ready(function () {
  //append an option for each array-item
  $.each(message,function(){$('<option/>').val(this).text(this)
                              .appendTo('select#name');})

  //initialize the selectList
  $('select#name').selectList({ sort: true });

 });

谢谢但是,在输入文本框中添加这些选定值的jquery代码是什么?如此链接所示:该列表将通过HTML填充,它是一个带有选项的列表,例如RonakIt's working perfect。但还有一个问题:如果这些值是动态的呢。我更改了上面的代码。谢谢。我在上面加了一个例子
var message = ["Ronak","Patel","Mark","Secret","Mission"];
$(document).ready(function () {
  //append an option for each array-item
  $.each(message,function(){$('<option/>').val(this).text(this)
                              .appendTo('select#name');})

  //initialize the selectList
  $('select#name').selectList({ sort: true });

 });