根据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
    } 
})