摘要:JQuery Select 載入時,多選設定
最近使用playframework+twitter bootstrap css framework並且撰寫一個autocompelete的選單多選程式,會使用tag的方式呈現,感覺滿好的,
http://twitter.github.com/bootstrap/
網址如下:
http://harvesthq.github.com/chosen/
這功能,不支援IE6、IE7且,需要支援CSS3,因為有圓角的部分。
但由於第一版的playframework,好像在post資訊過後,select值,只能取得第一個選取的資料,而無法有多選的資料資訊。
所以我另外寫了一個hidden欄位,當送出按下的時候,掃描所有的欄位,並且記錄下選取的資訊,以逗號分割,
使用Jquery $('#select_id option:selected').each(function(index){$(this).val();}取得所有被選取的值。
再則,當每次Download時,則設定option為selected
使用$("#select_country option[value='" + countrys[i] +"']").attr("selected", "true");
這段測試範例,我在用JsFiddle記錄下來,放置在
http://jsfiddle.net/newmonkey48/nXw3u/
供大家測試參考一下。
另外有發現一功能可能將許多東西包在一起的網站。
這應該還滿不錯用的吧。