点击下拉项目上的事件 - jquery

Question

我想从下拉列表项中选择元素时触发click事件.每个点击事件应该是不同的,取决于下拉元素的值.

 <select id="cmbMoreFunction" name="cmbMoreFunction" multiple="multiple">
            <option value="0">ATM Event Status</option>
            <option value="1">Statistics</option>
 </select>

如果我单击"ATM事件状态",则仅触发其特定的单击事件.

我试过了..但是没有用

 $('#cmbMoreFunction select option').click(function() 
 { 
    //Depend on Value i.e. 0 or 1 respective function gets called. 
 });

基本上我只是不希望我的页面上的另一个按钮捕获所有的值,然后开火事件.

Answer 1

在select上使用更改处理程序,读取它的值,然后决定该怎么做:

$('#cmbMoreFunction').change(function() 
{ 
    var selectedValue = parseInt(jQuery(this).val());

    //Depend on Value i.e. 0 or 1 respective function gets called. 
    switch(selectedValue){
        case 0:
            handlerFunctionA();
            break;
        case 1:
            handlerFunctionB();
            break;
        //etc... 
        default:
            alert("catch default");
            break;
    }
});

function handlerFunctionA(){
    alert("do some stuff");    
}

function handlerFunctionB(){
    alert("Do some other stuff");
}

​

这是一个工作小提琴的例子

Answer 2

检查这个JsFiddle

简单地使用这段代码 JQuery:

$('#cmbMoreFunction').click(function(v){
  console.log(v.target.value);
  });

希望你的问题能解决.