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

标签 jquery html jquery-ui razor asp.net-mvc-5

我的 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>

最佳答案

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

关注输入时显示下拉列表

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

还可以设置滚动样式。

关于jquery - 显示带有 JQuery 自动完成建议的下拉列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24451410/

相关文章:

javascript - 仅执行一次 Ajax 请求

javascript - 带有文本选择的 pdf.js

html - CSS中可以设置线性渐变的长度吗?

javascript - jquery ui 对话框停止工作 - 给出错误 "cannot call method ' 未定义的鼠标悬停“

javascript - 如何将 _trigger 上的数据用于自定义小部件?

javascript - jQuery selectmenu - 多个菜单,当一个菜单更改时重置其他菜单的值?

javascript - Highchart 和 json 数据

jquery - 按属性对 DOM 元素进行排序(顺序)

php - 如何在 HTML 的下拉列表中设置选定值?

html - IE10 css Hover 不适用于触摸设备