JQuery Select 載入時,多選設定

摘要:JQuery Select 載入時,多選設定

最近使用playframework+twitter bootstrap css framework並且撰寫一個autocompelete的選單多選程式,會使用tag的方式呈現,感覺滿好的,

http://www.playframework.org/

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/

供大家測試參考一下。

 

另外有發現一功能可能將許多東西包在一起的網站。

http://www.initializr.com/

這應該還滿不錯用的吧。