2014-02-16 53 views
1

select2似乎幾乎正是我所需要的。但是,根據他們的文檔和this example that I found,我無法弄清楚如何使用帶有現有選項的組合框。如果你看看這個例子(我通過在choices數組中添加了一些選項來更新這個例子),你會發現select上的跳動只是旋轉,並且根本找不到任何現有的選項。但是,它仍然允許您輸入一個尚未存在的選項,這也是我需要的選項。select2 combobox與現有選項

我需要做些什麼來更新我的chosen的使用情況,以便獲得所有常規功能,如顯示選項和鍵入/自動完成,還允許用戶添加尚不存在的選項?

回答

1

我一直有同樣的問題,但你的文章幫我弄明白了。您必須將現有選項作爲JSON放入「選擇」變量中。因此,它應該是這樣的:

var choices = [ 
{ id: 1, text: "foo" }, 
{ id: 2, text: "bar" }, 
{ id: 3, text: "Baz" } 
]; 

您還需要一個ID添加到每一個使得選擇將值分配給每個選擇。

我想使用ajax調用來從數據庫中獲得我的選項,所以我有更多的工作要做。但是如果你使用靜態選項,希望這會有所幫助。

2

這很簡單,你需要記住,選擇不接受對數據ID(值)文本(標籤)。你必須提供這樣的數據。所以我修改了choices變量。

另外我做了一些其他的改進,如取消比較,在開始時預先添加新的選項,最重要的是:完全匹配的術語不會創建新的重複選擇。

請看這裏:http://jsfiddle.net/seck4/116/