jQuery插件之Select選擇框

在blueidea上看到lzyy發的這個文章，發現不錯就轉過來了。

起因是在實踐中發現輸入框input的高度無法改變，他的四周都會有空隙，也就是說無論你怎麼調整，當然隻作用于IE，如果調整一下的話，FF下效果又不理想，沒有什麼好的解決方法，除非用圖檔，為了追求完美，模拟就模拟吧。

本人習慣用jQuery，于是就找到了nicejform，專門用來美化表單的jquery插件。（我知道壇子上有相關的文章，我也參考過，但是美化不是我的強項，是以就想找現成的）

<a href="http://www.lexcat.ro/nicejforms/nicejforms.html" target="_blank">效果檢視</a>

看源碼，可以發現沒有另外添加樣式，id之類的，是以如果不用這個插件了，頁面也無需改動。衆所周知，表單美化裡面select是最不好模拟的，同樣nicejforms也沒有很好的模拟，那就自己動手改造吧。徹底地模拟美化了select表單，可以說功能上一點都不差，修改了原版本的一些不足。

點選頁面空白處，彈出的options不能縮回

無法設定option的value值，一律都是"#"

由于都設定為了"#"，是以如果select放置到了頁面的下方，選擇後會回到頁面頂部

現在這些問題全都解決了，可以正式派上用場了，oh，yeah！

<a href="http://www.live-my-life-with-yuyi.com/lab/jquery/nicejforms_lzyy/nicejforms.html" target="_blank">效果檢視</a>

<a href="http://www.box.net/index.php?rm=box_v2_download_shared_file&amp;file_id=f_83921147" target="_blank">點選下載下傳修改後的檔案</a>

10.1日添加

其實上面那個select美化有一個非常大的問題，不過好像沒有人注意到，就是當頁面載入完後，在頁面的底部會出現這些選項，這次重新操刀，不再是對原插件的修修補補，自己重新寫了code。

僅IE有效，FF下保持原狀

不接受鍵盤響應，是以上下鍵無效，滾軸也無效

其他的應該都模仿的差不多了

由于前台程式設計也隻是我的業餘愛好，是以更加細緻的模仿，隻能靠大家了。

其實我自己也覺得寫這麼一堆未必有用，但是既然都寫出來了，還是放上來吧，有用沒用讓大家來評價。