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

Question

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

问题

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

请让我知道 jquery 中是否有可用的方法???

Answer 1

试试jQuery UI 的 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();
       }
    });