select在前端開發過程中很常用,現在我們要實現乙個效果,那就是選中select中的某一項,執行事件,本來自己沒怎麼接觸過這些,最後網上找了一些資料,自己研究了一下,把方法分享給大家,大家如果有需要的可以直接拿過去用,當然這個方法在腦殘的ie裡也是支援的。
我就演示乙個簡單的效果吧
我要實現select選中裡面的第幾條,下面相應的li變顏色,下面是html**:
<select
name
=""id
="sel"
>
<
option
value
="1"
>第一條
option
>
<
option
value
="2"
>第二條
option
>
<
option
value
="3"
>第三條
option
>
select
>
<
ul>
<
li class
="cur"
>第一條
li>
<
li>第二條
li>
<
li>第三條
li>
ul>
我這裡就用jquery實現了,下面是**:
$('#sel').change(function() )
主要用到了乙個change事件,然後改變給相應的li新增class。
ps 如果想要改變select預設的選擇項,可以寫成這樣 $('#sel').val('2'),預設就會選中第二條。
jquery 給select標籤賦值
input input name 名稱 if input 0 type hidden input.hasclass combobox value 其中 input name 名稱 是獲取表單的值可能為input select radio等形式。獲取到combobox以後便可以給其賦setvalue的...
用jQuery獲得select的值
jq獲取select的值,各種花裡胡哨,下面將總結一下 1.獲取第乙個option的值 test option first val 2.最後乙個option的值 test option last val 3.獲取第二個option的值 test option eq 1 val 4.獲取選中的值 te...
用jquery模擬select實現下拉樹形選單。
之前隨便寫寫,發現需要的人挺多,抽了點時間寫了個完整的已上次到資源。http download.csdn.net source 3461323 首先感謝http www.codesky.net article doc 200810 200810166672871.htm 的作者。控制項原理就請到原文...