2011-03-24 48 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自動完成一樣,但也允許標準的下拉框選擇方法。結果表格也可以定製以顯示更復雜的結果。在下載中有一個非常簡潔的演示,它允許搜索國家並在結果集中顯示名稱旁邊的國家標誌。

相關問題