現在在大多數**中都能看到很華麗的select下拉框,他們是如何實現的呢?
使用預設select肯定是不好實現,我們可以使用div+js去模擬出來select的功能,並且又能很簡單的去美化它。
css**部分
js**部分 html**部分<選中的值我們從這個元素裡取div
class
="mod_select"
>
<
ul>
<
li>
<
span
class
="select_label"
>sort buy:
span
>
<
div
class
="select_box"
>
<
span
class
="select_txt"
>
span
><
a class
="selet_open"
><
b>
b>
a>
<
div
class
="option"
>
<
a>1
a>
<
a>2
a>
<
a>3
a>
div>
div>
<
br clear
="all"
/>
li>
<
li>
<
span
class
="select_label"
>view:
span
>
<
div
class
="select_box"
>
<
span
class
="select_txt"
>
span
><
a class
="selet_open"
>
a>
<
div
class
="option"
>
<
a>1
a>
<
a>2
a>
<
a>3
a>
div>
div>
li>
ul>
<
input
type
="hidden"
id="select_value"
/>
div>
$("#select_value")
就可以了。 下拉框處理(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 ...