jquery 谷歌类型建议限制列表

Question

我目前在页面上具有根据用户在文本框中键入的内容（jquery 建议）向用户提供建议的功能。我想添加的功能是将选择/输入到文本框中的内容限制为列表中的项目。基本上就像一个组合框，它将其选择限制为列表中的内容。

我的一个想法是验证文本框中的条目是否与列表中的项目匹配。我必须提醒用户输入的内容是不允许的（或者也许有办法让他们输入其他字符？），没关系，但不是真正干净的用户界面。

我认为 SO 上有人做过这样的事情；如果有人有实现此功能的想法，请告诉我。

---

我使用的基本jquery：

<script type="text/javascript">
    $(function() {
        $('#autocomplete').autocomplete("getPcodes.aspx", { mustMatch: true, autoFill:true, multipleSeparator: "; ", minChars:3 });
    });
</script>

自动完成有很多不错的选择。我以前使用过一个建议的 jquery，但我想我会选择这个。

Answer 1

jQuery Autocomplete plugin 允许您强制用户从返回的数据集中选择一个选项。

勾选http://docs.jquery.com/Plugins/Autocomplete/autocomplete#url_or_dataoptions中的mustMatch选项：

如果设置为 true，自动完成器将只允许后端显示的结果。请注意，非法值会导致输入框为空。