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

Question

我想在从下拉列表项中选择元素时触发点击事件。每个点击事件都应该根据下拉列表中元素的值而有所不同。

 <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. 
 });

基本上我只是不想在我的页面上使用另一个 BUTTON 来捕获所有值然后触发事件。

Answer 1

在选择上使用更改处理程序，读取它的值，然后决定要做什么:

$('#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");
}

Here is a working fiddle example