jquery谷歌类型建议限制列表

Question

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

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

我认为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，则自动完成程序将仅允许后端显示的结果。请注意，非法值会导致输入框为空。