2011-03-24 52 views
2

我正在寻找一个jQuery插件来替换html选择输入。它的行为方式与常规选择相同,但也包含允许用户以自己的选项输入的文本框。是否有一个Jquery插件来替换允许用户输入自己选项的选择标签?

例如,设想下这是有效的标记:

Favorite fruit: 
<select> 
    <option value="op1"> Apples </option> 
    <option value="op2"> Bananas </option> 
    <option value="new"> other: <input/> </option> 
</select> 
+1

它通常被称为组合框。 – 2011-03-24 13:03:53

回答

3

你很可能使用jQueryUI的的autocomplete砍东西了它的行为类似,例如:

var fruits = ["apples", "oranges"]; 
$("input").autocomplete({ 
    source: fruits, 
    minLength: 0 
}).autocomplete("search", ""); 


Select preset from list or type something: <input type="text"/> 

Play with it here.

+0

我在过去为此已经使用过这个功能,它效果很好! – Craig 2011-03-24 13:15:39

+0

我可以做这个工作。尽管在所有这些答案中,文本框都用于过滤掉淹没选项。在我的应用程序中,只有在没有下拉选项适用的情况下才能使用文本框。就像gmail标签以前的工作方式一样。 – mksuth 2011-04-06 12:02:44

1

还有就是editable combobox插件。

或者你的意思是类似this question的答案指向this demo?它至少与你谈论的内容密切相关。

+0

感谢您的提示。在我的情况下,文本框应该只是允许用户定义一个新的选项,以防下拉任何一个都适用。像gmail标签。 – mksuth 2011-04-06 12:00:02

1

我以前用过flexbox,并且它非常适合我。它允许输入答案,就像jQuery UI自动完成一样,但也允许标准的下拉框选择方法。结果表格也可以定制以显示更复杂的结果。在下载中有一个非常简洁的演示,它允许搜索国家并在结果集中显示名称旁边的国家标志。

相关问题