Jquery select 上的自动完成提交表单 - 为什么此代码不起作用?
Jquery Autocomplete submit form on select - Why this code dont work?
我是 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();
}
});
更新 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);
});
我是 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();
}
});
更新 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);
});