jQuery给下拉框select添加点击事件

<select id="asset">
    <option value="0">小学</option>
    <option value="1">初中</option>
    <option value="2">高中</option>
    <option value="3">大学</option>
</select>

这是一个下拉框的代码，当用jQuery进行添加点击事件时，发现点击效果并不起作用。 下面是常用的几个jQuery添加点击事件的方法

//第一种bind
$("#asset").bind("click",function(){
    alert(111);
});

//第二种on
$("#asset").on("click",function(){
    alert(111);
});

//第三种click
$("#asset").click(function(){
    alert(111);
});

用了上面的方法，并没有实现下拉框的点击事件，这就蒙了。。。 最终百度看到一个方法完美的解决。

//点击下拉框中的任意一个option元素，都能实现点击效果并拿到值
$('#asset').change(function(){
    //获取option元素上的value值
    var val = $(this).find('option:selected').val();
    //条件判断
    if(val == '0'){
        alert("小学")
    }else if(val == '1'){
        alert("初中")
    }else if(val == '2'){
        alert("高中")
    }else if(val == '3'){
        alert("大学")
    }else{
        return
    }
})

使用上面这种方法就可以点击啦。。。