Jquery选择时自动完成提交表单-为什么此代码不起作用



我是javascript/Jquery的新手。有人能告诉我如何正确地写这段代码吗?

代码中不起作用的部分是:

select: function (event) {
$("#busca-site").val(item.title);
$("#form-busca-site").submit();
}

完整代码:

$('#busca-site').autocomplete({
valueKey:'title',
accents:true,
replaceAccentsForRemote: true,
source:[{
url:"https://www.example.com/teste2/teste_search2.asp?q=%QUERY% ",
type:'remote',
getValueFromItem:function(item){
return item.title
},
ajax:{
dataType : 'json'   
}
}],
select: function (event) {
$("#busca-site").val(item.title);
$("#form-busca-site").submit();
}
});

UPDATE 1-原始主代码功能齐全:

$('#busca-site').autocomplete({
valueKey:'title',
accents:true,
replaceAccentsForRemote: true,
source:[{
url:"https://www.example.com/teste2/teste_search2.asp?q=%QUERY% ",
type:'remote',
getValueFromItem:function(item){
return item.title
},
ajax:{
dataType : 'json'   
}
}]
});

根据@Swati的提示,他观察到插件有一个内置功能,工作代码为:

$('#busca-site').autocomplete({
valueKey:'title',
accents:true,
replaceAccentsForRemote: true,
source:[{
url:"https://www.example.com/teste2/teste_search2.asp?q=%QUERY% ",
type:'remote',
getValueFromItem:function(item){
return item.title
},
ajax:{
dataType : 'json'   
},

}]
}).on('selected.xdsoft',function(e,datum){
//alert(datum.id);
$("#form-busca-site").submit(); 
//alert(datum.title);
}); 

最新更新