从复选框多选列表中选择项目后的事件

Question

如果在第一个列表中选择了特定项目，我必须显示第二个选择列表。

我有..第一个列表如下

      <select id="mail_list" name="survey_mail_to[]" multiple="multiple" >
         <option value="bu_head">BU Head</option>
         <option value="all_employee">All Employee</option>                                     
     </select>

第二个清单..

    <select id="bu_list" name="bu_emp[]" multiple="multiple" >
         <option value="1">OBU</option>
         <option value="2">PBU</option>                                     
     </select>

如果在第一个列表中选择all_employee，则显示第二个列表。 我正在使用jquery'multiiselect'插件列表中的复选框。

我试过了..

$( "#mail_list" ).change(function(e) {
e.preventDefault(); 
var mailop = document.getElementById("mail_list").value;
    if(mailop=='all_employee')
    {
        $("#bu_list").show();
    }  
});

它不起作用。任何想法，请

Answer 1

由于您启用了多个选择，请尝试

$("#mail_list").change(function (e) {
    $("#bu_list").toggle($('#mail_list option[value="all_employee"]').is(':selected'));
});

此外，change event不可取消。