在自动完成中显示“未找到结果”[重复]

Question

如果用户的搜索词与数据库中的任何结果都不匹配，我需要显示未找到的结果。 我在这里解决了各种问题，但没有一个对我有帮助。

<script>
  $(function() {
    function log( message ) {
      $( "<div>" ).text( message ).prependTo( "#log" );
      $( "#log" ).scrollTop( 0 );
    }

    $( "#birds" ).autocomplete({
      source: "search.php",
      minLength: 2,
      select: function( event, ui ) {


        log( ui.item ? "Selected: " + ui.item.value + " aka " + ui.item.label :
          "Nothing selected, input was " + this.actor );
         window.location.href = './company.php?id=' + ui.item.indexid + '&name=' + ui.item.label;

      }
    });
  });



  </script>

任何建议都会有所帮助。

Answer 1

这是一个FIDDLE，您可以在其中循环“响应：”内的返回数据，当您获得一个长度 == 0 的数组时，它会在输入字段中填充“不匹配”或其他任何内容会想要的。

顺便说一句，如果数据集足够小，您可以从数据库中读取所有数据，然后执行自动完成。

JS

var areas = ['california', 'nevada', 'oregon', 'utah', 'arizona', 'new mexico', 'minnesota', 'texas', 'louisiana', 'alabama', 'mississippi', 'oklahoma'];

$('.autocomp').autocomplete({
    autoFocus : true,
    source : areas,
    selectFirst : true,
    response: function( event, ui ) {
                                     var count = 0;
                                     console.log( ui.content.length );
                                     for (var n=0; n < ui.content.length + 1; n++)
                                     {
                                      if( ui.content.length == 0 )
                                      {
                                       $('.autocomp').val('No results');
                                       } else {
                                       count = count+1;
                                               }
                                       }
                                      }
});