實現 select中指定option選中觸發事件

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

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

又在select中添加onclick 這下可好了,沒選option呢就觸發了

百度來的說option沒有觸發事件,需要在select中加onchange事件,雖然我曾經處理過類似的問題,用過就忘是不是豬腦子....

這次記住了吧應該

當我們觸發select的雙擊事件時，用ondblclick方法。
當我們要取得select的選中事件時，用document.all['name'].value來獲取，其中name是select的名稱。
如果我們要得到select的全部的值就用一個for循環來實現。代碼如下：
var vi = document.all['list'].length;
for(var i=0;i<vi;i++){
document.form2.list(i).value; //form2是<form>的名稱
}

‍‍<select id="pid" onchange="gradeChange()">

    <option grade="1" value="a">選項一</a>

    <option grade="2" value="b">選項二</a>

</select>

<script type="text/JavaScript">
       function gradeChange(){
        var objS = document.getElementById("pid");
        var grade = objS.options[objS.selectedIndex].grade;
        alert(grade);
       }
</script>

 

<select name="myselect" id="myselect">
    <option value="opt1">選項1</option>
    <option value="opt2">選項2</option>
    <option value="opt3">選項3</option>
</select>

$("#myselect").change(function(){
    var opt=$("#myselect").val();
    ...
});