javascript - 谷歌地图信息窗口中的下拉菜单

Question

我有一个下拉菜单，我想把它放在谷歌地图信息窗口中。菜单中填充了数组中的内容。当我将菜单放在信息窗口外时，它工作正常，但当我尝试将它放在信息窗口内时，它会中断。最终目标是在信息窗口中获取一个表单，这样当我提交表单时，我可以处理表单数据并将方向返回给标记。我附上了下面的代码，有问题的行用 ** 表示，在此先感谢您的所有帮助。

信息窗口代码:

google.maps.event.addListener(marker, 'click', function () {
  service.getDetails(request, function (place, status) {
    var locationofplace = place.geometry.location;
    var markerlocation = marker.getPosition();
    var markerlat = markerlocation.lat();
    var markerlng = markerlocation.lng();

    if (status == google.maps.places.PlacesServiceStatus.OK) {
      var contentStr = '<h5>' + place.name + '</h5><p>' + place.formatted_address;
      if (!!place.formatted_phone_number) contentStr += '<br>' + place.formatted_phone_number;
      if (!!place.website) contentStr += '<br><a target="_blank" href="' + place.website + '">' + place.website + '</a>'; * * contentStr += '<form><select id="selectNumber"><option>Change Address</option></select></form>'; * *
        contentStr += '<br><a href="javascript:calcRoute(0,' + markerlat + ',' + markerlng + ');">Get Directions</a>';

      contentStr += '<br>' + place.types + '</p>';

      infowindow.setContent(contentStr);
      infowindow.open(map, marker);
    } else {
      var contentStr = "<h5>No Result, status=" + status + "</h5>";
      infowindow.setContent(contentStr);
      infowindow.open(map, marker);
    }
  });

});

向菜单代码添加数据:

window.addEvent('load', function () {
  var select = document.getElementById("selectNumber");

  for (var i = 0; i < addresses.length; i++) {
    var opt = addresses[i];
    var el = document.createElement("option");
    el.textContent = opt;
    el.value = opt;
    select.appendChild(el);
  }
});

Answer 1

使用infowindow的domready事件代替window的load事件来操作下拉菜单(在domready事件之前下拉菜单还没有被注入(inject)到文档中)