当我开始输入时缩小搜索结果

Question

我在这里寻找创意..我会尝试用您的想法编码，如果我有任何问题，请告诉您。

问题

我在页面中有一个文本框和名称列表。当我开始打字时，我希望搜索结果应该缩小。例如。当我在文本框中输入“a”时，结果应该缩小，并且它应该只包含名称为'a。

如果有任何jquery ???

方法，请告诉我

Answer 1

尝试jQuery UI's Autocomplete。

Answer 2

类似的东西：

    $('#search').on('keyup', function () {
       var str = $('#result ul li:contains(' + $(this).val().charAt(0).toUpperCase() + ')');
       if (str) {
          $('#result ul li').hide();
          str.show();
       } else {
          $('#result ul li').show();
       }
    });