javascript - 将 jqWidgets 组合框限制为值列表

Question

我正在开发一个网络应用程序，我想要一个包含潜在值列表的组合框。

这是我想要的一些行为:

1. 我希望它的右侧有一个箭头，您可以点击它，然后您会看到一个包含不同选项的下拉列表。
2. 我希望它有一个文本字段，您可以在其中输入内容。
3. 我希望它为您自动完成，以便在您键入时缩小选项列表的范围。
4. 我希望它在您打字途中中断时选择最接近的选项。
5. 我希望它只锁定选项列表，这样就不会发送随机值。

这对于小部件来说似乎是很正常的行为；我觉得我在很多地方都见过这种情况——但总是不完整。

我最终得出了两个选择:jQuery UI's Autocomplete widget (经过大量修改)或 jqWidgets' Combo Box .

jQuery UI 解决方案似乎需要大量工作，而且我更喜欢 jqWidgets 的外观/风格，所以我采用了它——只是发现您无法将提交的值锁定到您提供的列表。如果您从下拉列表中选择，您会得到一个合适的值，但如果您输入文本，它可以是您想要的任何值。

肯定有某种方法，某种设置或其他方式，使小部件锁定到值列表!没有。我在 jqWidgets 论坛上找到了一个帖子，其中一位团队成员说了很多:

http://www.jqwidgets.com/community/topic/combobox-with-autocomplete-and-selectable-only-from-the-list/

现在，可能有一些官方认可的方法来做到这一点，这个人不知道，我只是没有找到，但是......我还没有找到它。我怎样才能做到这一点？

Answer 1

comboBox.jqxComboBox({selectionMode: "dropDownList"}); 也有帮助。