用jquery給select加選中事件

2022-07-26 17:27:13 字數 916 閱讀 4413

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 的作者。控制項原理就請到原文...