没有数据建议的 jQuery 的 Ajax 自动完成

Posted 2023-02-24

【中文标题】没有数据建议的 jQuery 的 Ajax 自动完成

【英文标题】：Ajax Autocomplete for jQuery without data suggestions

【发布时间】：2012-06-08 10:55:16

【问题描述】：

我有

var autocompleteProfessionals = that.container.find("#ProfessionalsName");

    autocompleteProfessionals.each(function () 
        $(this).autocomplete(
            serviceUrl: '../Professionals/FindProfessionals',
            minChars: 2,
            delimiter: /(,|;)\s*/,
            maxHeight: 200,
            width: 400,
            zIndex: 9999,
            deferRequestBy: 100,  
            onSelect: function (value, data) 
                that.container.find("#IdProfessionals").val(data.IdProfessionals);

            
        );
    
    );

当我找到具有自动完成功能的专业人士并选择他时，我设置了他的 ID。然后我从字段中删除这个专业名称并输入不存在的专业名称。 我这里有问题，因为 IdProfessionals 是有效的，但 ProfessionalsName 不是。

当我从文本字段中删除专业名称时，如何从 IdProfessionals 中删除值？

【问题讨论】：

我添加了autocompleteProfessionals.keyup(function () if ($(this).val() === "") that.container.find("#IdProfessionals").val(-1); );，如果有人有更好的想法，请告诉我。

【参考方案1】：

http://jqueryui.com/demos/autocomplete/#event-search

var autocompleteProfessionals = that.container.find("#ProfessionalsName");

autocompleteProfessionals.autocomplete(
   serviceUrl: '../Professionals/FindProfessionals',
   minChars: 2,
   delimiter: /(,|;)\s*/,
   maxHeight: 200,
   width: 400,
   zIndex: 9999,
   deferRequestBy: 100,  
   onSelect: function (value, data) 
     that.container.find("#IdProfessionals").val(data.IdProfessionals);
   
   search: function(event, ui) 
     $('#IdProfessionals').val('');
    
 );

【讨论】：

我的自动完成你可以在这里找到link

我查看了源代码，您使用的插件似乎不支持这一点。您可以寻找替代方案（我粘贴的链接是行业质量）或联系该插件的所有者。

这个自动完成功能在我的项目中有很多位置。这个plagin还有其他解决方案吗？