Javascript 选择元素后使用自动完成触发器的Jquery
我正在尝试使用自动完成jquery API。问题是,一旦我选择了一个项目,我想触发一个函数或一组代码,但我一直得到未定义的项目 这是我的代码:Javascript 选择元素后使用自动完成触发器的Jquery,javascript,jquery,jquery-autocomplete,Javascript,Jquery,Jquery Autocomplete,我正在尝试使用自动完成jquery API。问题是,一旦我选择了一个项目,我想触发一个函数或一组代码,但我一直得到未定义的项目 这是我的代码: function init() { var input = document.getElementById('event_address'); var options = { types: ['geocode'] }; var autocomplete = new google.maps.place
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);
}
});
}
}
以下是我的错误:
未捕获的语法错误:意外标记(
首先,我相信您所指的是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);
}
});
}
});
有关更多信息,请参阅自动完成文档:jquery在代码中的位置?为什么要使用“:”在
select:function(event,ui){
,为什么要这样格式化?Novar
?使用关键字(select
)?