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

Question

我想使用 javascript 将每个标记的信息窗口内容添加到列表中。我是通过下拉菜单完成的。当我从下拉列表中单击每个元素时，它将存储在列表分区中。但是，我想通过 onclick 事件在地图信息窗口内容中做同样的事情。

我想做同样的事情：http: //odyniec.net/projects/selectlist/ 但是，我在地图上有不同的信息窗口，而不是下拉菜单。

我应该在内容中放入什么来调用函数？

地图信息窗口：

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：

 <div>
      <select id="name">
      <option value="?">?</option>
      </select>
  </div>

谢谢。

Answer 1

您必须在所需选项上触发点击事件。

触发单击值为“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 });

 });