Question

我正在尝试使用自动完成jquery API。问题是我想在选择一个项目后触发一个函数或一组代码，但我一直在获取未定义的项目。

这是我的代码：

function init()
{
    var input = document.getElementById('event_address');
    var options = 
    {
      types: ['geocode']
    };

    var autocomplete = new google.maps.places.Autocomplete(input, options);

    // event triggered when drop-down option selected
    select: function(event, ui) {
        var address = document.getElementById(event_address).value;
        geocoder.geocode( { 'address': address}, function(results, status) 
        {
            if (status == google.maps.GeocoderStatus.OK)
            {
                alert(results[0].geometry.locations);
            }
        });
    }
}

这是我的错误：未捕获的SyntaxError：意外的令牌（

由于

Answer 1

首先，我相信你所指的是jqueryUI的自动完成小部件。完成自动填充选择后会触发select方法。我假设您要做的是显示从自动完成列表中选择的地理区域的坐标。

你需要做这样的事情：

$('#inputbox').autocomplete({
   select: function(event, ui){
     // code to get selection
     var address = $('#inputbox').text();
     //assuming your geocode is correct
     geocoder.geocode( { 'address': address}, function(results, status) 
    {
        if (status == google.maps.GeocoderStatus.OK)
        {
            alert(results[0].geometry.locations);
        }
    });
   }

});

有关详细信息，请参阅自动填充文档：http://api.jqueryui.com/autocomplete/#event-select

选择元素后，自动完成触发器的Jquery

1 个答案: