1. 程式人生 > >JQ給select的option新增點選事件

JQ給select的option新增點選事件

我們在用到下拉列表框select時,需要對選中的<option>選項觸發事件,其實<option>本身沒有觸發事件方法,我們只有在select裡的onchange方法裡觸發。

想新增一個option的觸發事件,在option中新增onclick 點來點去就是不會觸發事件

又在select中新增onclick 這下可好了,沒選option呢就觸發了!!!

解決方案:  給select加一個改變事件就可以 

程式碼如下:

<select id="sumyear" >
<option grade="0" value="a" >請選擇年份</option>
<option grade="1" value="b" >2018</option>
<option grade="2" value="c" >2019</option>

</select>

$("#sumyear").change(function(){
alert($(this).children('option:selected').val()); 
})