jquery - 显示带有 JQuery 自动完成建议的下拉列表

Question

我的 JQuery 自动完成功能几乎可以正常工作。插入“Af”后，如果我按下 KeyDown，我会正确地得到“Afghanistan”。但是，我永远看不到所有国家/地区的下拉列表。我是否缺少某些自动完成选项？

我的代码:

@Html.TextBox("Countries", "", new { @class = "COUNTRIES", @placeholder = "Insert Country..."}) 

<script src="https://code.jquery.com/jquery-1.9.1.js"></script>

<script>
    $(function () {
        var countriesList = ["Afghanistan", "Albania", "Algeria"]
        $(".COUNTRIES").autocomplete({ source: countriesList });
    });
</script>

Answer 1

你可以在 http://www.encodedna.com/2013/08/jquery-autocomplete-dropdown-list-on-focus.htm 中看到这个例子.

关注输入时显示下拉列表

.focus(function() {$(this).autocomplete("search", "");})

还可以设置滚动样式。