根據select中選定option觸發不一樣事件

　　　　作公司項目，要實現一個小需求，根據下拉框選定的數據，綁定不一樣的事件。個人思路是獲取select下面的option值，而後給它們定義不一樣的點擊事件，可是在使用中option不能添加類，同時沒有click事件。

html代碼：

<select id="sel" name="selectType" onchange="typeChange()">
    <option on="1" value="事件1">事件1</option>
    <option on="2" value=「事件2」>事件2</option>
</select>

js代碼：

function typeChange(){
//獲取select對象
    var myItem = document.getElementById("sel");
//獲取select中選中的那個option對象,並取得區分的on屬性的值
    var myOption = myItem.options[myItem.selectedIndex].getAttribute('on');
//根據獲取到的不一樣屬性值，來指定不一樣事件
    if(myOption == '1'){
        //代碼塊1
    }
    if(myOption == '2'){
        //代碼塊2
    }
)

　　以上代碼在執行的時候，有可能觸發不到onchange事件，那麼這個時候還能夠用另外一種綁定事件的方法：

$("#sel").bind("change",function(){
    var myItem = document.getElementById("sel");
    var myOption = myItem.options[myItem.selectedIndex].getAttribute('on'); 
     if(myOption == '1'){
        //代碼塊1
    }
    if(myOption == '2'){
        //代碼塊2
    } 
})