单击javascript将信息窗口内容添加到多个选择列表
我想使用javascript将每个标记的infowindow内容添加到列表中。 我是通过下拉菜单做的。当我单击下拉列表中的每个元素时,它将存储在列表分区中。但是,我想通过onclick事件在MapInfoWindow内容中做同样的事情 我想做同样的事情,像这样: 但是,我在地图上有不同的信息窗口,而不是下拉菜单 我应该在内容中添加什么来调用函数 地图信息窗口:单击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
var message = ["Ronak","Patel","Mark","Secret","Mission"];
var infowindow = new google.maps.InfoWindow({
content: '<a onclick="$(\'select#name\').next()\
.find(\'option[value="\'+$(this).text()+\'"]\')\
.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="\'+$(this).text()+\'"]\')\
.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 });
});