Question

我有以下情况：

某人需要选择当前正在比赛的球员（根据比赛情况，可能超过2人）

我想制作一个<select>，但结果太大，无法快速选择。我不能让常规文本输入，我希望他们正确输入名称。

是否有关于如何在输入数据时提供选择/强迫它们的库/代码示例。

即：我输入tri 它提供给我tristan BlaBla

我尝试了什么：

$('#inputID').val(GET NEXT NAME THAT STARTS WITH CURRENT VAL);

问题：它变得很烦人并且每次都让用户失去焦点。

TLDR：谷歌搜索预测之类的东西。

Answer 1

请参阅jQuery UI的自动填充http://jqueryui.com/demos/autocomplete/

<script>
    $(function() {
            var availableTags = [
                    "ActionScript",
                    "AppleScript",
                    "Asp",
                    "BASIC",
                    "C",
                    "C++",
                    "Clojure",
                    "COBOL",
                    "ColdFusion",
                    "Erlang",
                    "Fortran",
                    "Groovy",
                    "Haskell",
                    "Java",
                    "JavaScript",
                    "Lisp",
                    "Perl",
                    "PHP",
                    "Python",
                    "Ruby",
                    "Scala",
                    "Scheme"
            ];
            $( "#tags" ).autocomplete({
                    source: availableTags
            });
    });
    </script>



<div class="demo">

<div class="ui-widget">
    <label for="tags">Tags: </label>
    <input id="tags">
</div>

</div><!-- End demo -->

打字时输入优惠选项？

1 个答案: