Chosen：Select選擇框的華麗變身

本文是從 chosen 這篇文章翻譯而來。

　　HTML Form 表單裡的各種組件，例如文本輸入框，textarea，按鈕等，都可以通過CSS或其它技術進行美化，讓它們看起來很漂亮了，唯獨下拉式清單選項框(select box)，不管你怎麼做，它擺在那裡總顯得格格不入。

　　不過這種情況可能是一去不複返了，如果你猜測是使用HTML5技術，那就錯了，在中國，使用IE6瀏覽器的人仍占絕大大多數，這種古老的瀏覽器是不認識HTML5的。

　　我現在推薦的是一款JavaScript外掛程式，它有Jquery和Prototype兩種版本，支援所有類型的瀏覽器。使用它後，你的頁面上的select選擇框會變的漂亮的讓你大吃一驚，下面是使用前和使用後的對比。

　　單選模式：

　　多選模式：

　　更多的效果請訪問這個外掛程式的官方首頁的中文翻譯Chosen示範頁面。

　　具體的用法非常簡單，你只需要在select是加入class=”chzn-select”屬性就行了，然後調用 jquery：$(“.chzn-select”).chosen()，一切都搞定。