jQuery Chosen plugin（jQuery Chosen 下拉框插件）動態設置選項option的disabled屬性值方法

 1 <div>
 2     <select id="ddlList1" class="my_select_box" data-placeholder="Select Your Options">
 3     <option value="1">Option 1</option>
 4     <option value="2" selected>Option 2</option>
 5     <option value="3" disabled>Option 3</option>
 6   </select>
 7 </div>
 8 <div>
 9     <select id="ddlList2" class="my_select_box" data-placeholder="Select Your Options">
10     <option value="1">Option 1</option>
11     <option value="2" selected>Option 2</option>
12     <option value="3" disabled>Option 3</option>
13   </select>
14 </div>

解決ddlList1的Option 1選項選擇時ddlList2的Option 1選項失效，或ddlList2的Option 1選項選擇時ddlList1的Option 1選項失效，即兩個下拉框中的選項互斥的需求，方法如下：

$("#ddlList1").chosen().change(function (evt, arg) {
    if (arg && arg.selected && $("#ddlList2 option[value='" + arg.selected + "']")) {
        $("#ddlList2 option[value='" + arg.selected + "']").attr("disabled", "");
    } else if (arg && arg.deselected) {
        $("#ddlList2 option[value='" + arg.deselected + "']").removeAttr("disabled");
    } else {
        return;
    }

    $("#ddlList2").trigger("chosen:updated");
});

$("#ddlList2").chosen().change(function (evt, arg) {
    if (arg && arg.selected) {
        $("#ddlList1 option[value='" + arg.selected + "']").attr("disabled", "");
    } else if (arg && arg.deselected) {
        $("#ddlList1 option[value='" + arg.deselected + "']").removeAttr("disabled");
    } else {
        return;
    }

    $("#ddlList1").trigger("chosen:updated");
});

JQuery Chosen Plugin 參考文檔