更好看的爲Web應用程序選擇框

Question

對於我正在處理的Web應用程序，我正在尋找一個類似（或實現）選擇框的小部件，它比基本的HTML選擇框更加用戶友好和可定製。我寧願不必從頭開始構建這樣的東西，所以我想知道是否有人知道我可以使用的這種類型的開源組件。

一個更人性化的選擇框，我不會介意模仿的例子就是在這個環節計算器：

http://www.teslamotors.com/charging#/calculator

不必是相同的這一點，但用的東西更多的自定義空間和更好看的用戶界面。

Answer 1

你可以找到很多關於定製select標籤的插件和教程。

這些插件：

• http://silviomoreto.github.io/bootstrap-select/
• http://ivaynberg.github.io/select2/
• http://brianreavis.github.io/selectize.js/#demos
• http://shawnchin.github.io/jquery-gentleSelect/
• http://vst.mn/selectordie/

對於きnd select您向您展示的標籤應創建自己的風格。

這裏是很好的教程有關創建自定義標籤select：

• http://tympanus.net/codrops/2012/10/04/custom-drop-down-list-styling/
• http://tympanus.net/codrops/2012/11/29/simple-effects-for-drop-down-lists/