特點1：美化的並且可自定義的外觀
下拉框使用js進行渲染。當頁面引入了指令碼和css後，頁面中的下拉框都會變成如下外觀：
該外觀是由css和控制。通過修改css可以很方便地實現更改外觀。
下拉框不存在ie6中無法被浮動層遮住等問題。
特點2：使用簡單
下拉框**寫法與原來的寫法一樣，都是如下**：
value
="">請選擇功能
value
="1">新增
value
="2">維護
value
="3">新增新聞
也可以動態建立uu人下拉框。
特點3：寬度處理
你是否遇到以下兩種情況：
（1）不設定下拉框寬度，那麼下拉框寬度預設為最寬的選項的寬度。當其選項過長時輕則會導致整個表單不整齊，重則會撐壞頁面布局；
（2）設定下拉框寬度，但是由於下拉框的選項寬度有可能會很長，可能會導致內容顯示不完全。
下拉框對於寬度的處理方式是：缺省會有乙個寬度，即使選項裡面有很長的文字。效果如下：
這樣就保證了表單元素寬度一致又不影響內容。放在表單中的整體效果如下：
如果希望下拉框的寬度自適應最長選項，為其設定乙個引數即可，效果如下：
另外還可以通過style強制乙個寬度。
特點4：支援分組
下拉框支援分組，**與普通select分組**一樣。如
請選擇許可權
label
="首頁資訊發布">
value
="新增">新增
value
="維護">維護
value
="新增新聞">新增新聞
label
="人員維護">
value
="新增使用者">新增使用者
value
="使用者列表">使用者列表
效果如下：
特點5：下拉列表展開的方向智慧型化
原始的下拉框如果在網頁中的位置比較偏下，向下展開肯能會導致內容顯示不全。
下拉框在這種情況會進行智慧型判斷從而向上展開。效果如下：
當下拉列表選項過多，向上也無法展示完全時，下拉框會判斷一下向上和向下**空間大，就向**展開，並出現滾動條。效果如下：
特點7：整合了ajax聯動功能
通過設定可以很簡單地實現下拉框聯動功能。可支援的聯動級數為無限級！
例如如下**就建立了乙個二級聯動的下拉框：
所學專業：id=
="">請選擇專業
value
="bj1">專業1
value
="bj2">專業2
所屬班級：id=
"sel02">
value
="0">請先選擇專業
**中的childid指定要聯動的下拉框的id，childdatapath指定二級下拉框資料**，與一級下拉框的value關聯來獲取資料。效果如下：
特點8：自定義下拉列表的列數
當下拉框專案過多時，可以通過新增乙個屬性來指定列數，並可自定義列寬。效果如下：
特點9：完美的瀏覽器相容性
無論是ie6、ie7、ie8還是firefox、chrome、safira，甚至在linux下都保持功能與外觀的一致性。
下拉框處理（select）
在ui自動化測試過程中，經常會遇到一些下拉框，我們有三種可選方式來操作下拉框。第一種方法 基於webdriver的兩次click，很容易出現問題，不建議使用。由於部分下拉框在點選一次後，失去焦點再點下一次時可能下拉框中的引數就消失了，那麼就無法進行選擇了，所以會出現無法定位到目標元素或目標元素不可見...
美化的select下拉框
ie7瀏覽器以後的下拉框，給他加上邊框樣式，是沒用的。要是想做出樣式好看的下拉框需要用js或者jquery來模擬實現。如下 class r class link id link css div.bottomtop div.bottomtopright dl.link div.bottomtop di...
帶搜尋框的select下拉框
利用select2製作帶有搜尋功能的select下拉框 1.引入線上css和js script 2.在select標籤內加入class屬性js example basic single value al alabama value wy wyoming select 3.呼叫js document ...