【问题标题】:Jquery Autocomplete submit form on select - Why this code dont work?选择时 Jquery 自动完成提交表单 - 为什么此代码不起作用?
【发布时间】:2021-04-26 23:45:41
【问题描述】:

我是 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'   
    }

}]
});

【问题讨论】:

  • 我看不到 item 传递给 Select 事件的位置。这是一个 jQuery UI 自动完成功能吗?
  • 其实就是这个插件:xdsoft.net/jqplugins/autocomplete
  • 请更新您的答案,提供完整描述以及您使用的插件是什么,是 jQuery UI 自动完成吗?。
  • 我正在使用这个基于 Jquery 的“Autocomplete like Google”插件。在进行研究时,我找到了这个问题的一些答案,但它是针对本机自动完成 Jquery 的。所以我试图将这段代码select: function (event) 插入到上面的主函数中

标签: javascript jquery autocomplete


【解决方案1】:

根据@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);
}); 

【讨论】:

    猜你喜欢
    • 2011-01-13
    • 1970-01-01
    • 2013-09-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-01-12
    • 1970-01-01
    相关资源
    最近更新 更多