jquery自动完成没有结果消息[重复]

Question

可能重复：
Handling no results in jquery autocomplete

当结果为空时，我想在jquery autocomplete 上给出“无匹配”消息。

给出了部分答案 here，但它没有准确解释如何在自动完成下拉菜单中显示“不匹配”结果。

更新：这是我基于当前答案的代码..

HTML：

<input type="text" name="myAutocomplete" id="myAutocomplete">

jQuery:

$("#myAutocomplete").autocomplete("ajax.php", {
    selectFirst: false,
    resultsClass: 'my_results_class',
    parse: function(data) {
        if (!data || data.length == 0) {
            $('#myAutocomplete option').val('No Matches');
        }
    },
    focus: function(event, ui) {
        if($(ui.item).val() == 'No Matches')
            $(ui.item).disable();
    },
    select: function(event, ui){
        if($(ui.item).val() == 'No Matches')
            return false;
    }

});

Answer 1

首先，返回一个值为“无匹配”或任何你想要的结果，然后在 jquery 自动完成器上添加这些处理程序

focus: function(event, ui){ 
    if($(ui.item).val() == 'No Matches')
        $(ui.item).disable();
},
select: function(event, ui){
    if($(ui.item).val() == 'No Matches')
        return false;
},

这应该会阻止用户选择“无匹配”条目。

Answer 2

从previous answer，你需要在之间添加这段代码：

 if (!data || data.length == 0) {
         // handle no data case specially
 }

制作：

 if (!data || data.length == 0) {
   $('#dropdown_id option').val('No Matches');
 }

更新：

代替：

$('#myAutocomplete option').val('No Matches');

用途：

$('#myAutocomplete').val('No Matches');

更新：

用途：

$('#school-term').val('No Matches');