在Google Maps Infowindow中使用jQuery

Question

我想用fcbk_autocomplete功能我从下载http://www.emposha.com/javascript/fcbkcomplete.html在谷歌地图infowindow 。

本来我已经设置了infowindow的内容，如下所示

var friends = document.getElementsByTagName('option'), 
    res = '';

for (var i = 0; i < friends.length; i++) {
    res = res + '<option value="'+friends[i].id+'">' + friends[i].value + '</option>';
}

var contentString = '<form method="post" action="mapit.do">' 
    + '<textarea name="comment" cols="40" rows="5">Enter your gossips here...</textarea><br>'
    + 'image url: <input type="text" cols="40" name="url"></input><br>'
    + '<input type="hidden" name="position" value="' + event.latLng.toUrlValue() + '"/>'
    + '<select id="select3" name="about">' + res + '</select>'
    + '<input type="submit" value="Submit" />'
    + '</form>';

options是我要从中选择的数据列表，它们存储在不可见的分区中。

打开信息窗口后，我尝试通过以下方式调用fcbkcomplete函数：

$("#select3").fcbkcomplete({
    addontab: true,                   
    maxitems: 10,
    input_min_size: 0,
    height: 10,
    cache: true,
    newel: true,
});

但这对select3部分没有影响。 我试图调用document.getElementById("select3") ，它给了我null。 我的问题是，在哪里可以调用此函数以确保它看到ID为select3的元素？

Answer 1

没有加载Google地图和所有内容，很难模拟，但是我在这里为您启动了jsFiddle 。

您尝试使用的插件似乎在我的上下文中有效； 但是，这可能无法解释您在gmap info window尝试使用它所看到的行为。 不过，如果您愿意，可以将gmap内容添加到javascript源中，我可以帮助您从那里进行调试。