Jquery自定义选择/组合框

Question

我正在使用jQuery;我有一个选择框，其选项从json对象填充。但由于数据库可能不完整，我想为用户提供输入自定义值的能力。我一直在关注的大多数组合框解决方案都是以某种方式发生故障。在这种情况下，有哪些替代解决方案？

Answer 1

您可以使用jQuery Editable Combobox plugin。

  

jQuery Editable Combobox是一个jQuery   允许你转换的功能   任何标签都可编辑   组合框。

     

这是通过添加新的来完成的   元素携带输入的值   键盘。这只会起作用   选择元素。任何其他元素   这个功能将适用于意志   被忽略了。

Answer 2

也许是一个自动完成的盒子？用户可以开始键入并显示您的选项，但也可以键入不同的值。像：

QuickSelect插件可以将您的<select>框更改为其中一个。 http://github.com/dcparker/jquery_plugins/tree/master/quickselect

Answer 3

Professional jQuery based Combobox control?上的解决方案都专注于使用输入作为过滤和自动填充现有选择值的方法。

我在“jQuery Editable Combobox”中看到的主要问题是它仍然是一个选择列表，并且你可以开始输入新内容并不明显。

如果您正在寻找传统的组合框，只需“键入内容或从这些预定义的值中选择”（不，我们不会隐藏您在键入时不匹配的组合框），您可能需要做的就是

<select id="combo4" style="width: 200px;"
            onchange="$('input#text4').val($(this).val());">
    <option>option 1</option>
    <option>option 2</option>
    <option>option 3</option>
</select>
<input id="text4"
       style="margin-left: -203px; width: 180px; height: 1.2em; border: 0;" />

请参阅 http://bit.wisestamp.com/uncategorized/htmljquery-editable-combo-2/

应该很容易将它包装成一个转换现有select标签的插件，尽管我还没有看到它已经完成。