Jquery 引导启用/禁用所选动态选择

有人知道如何动态启用/禁用引导选择框吗？ 我创建了一个带有两个选择框的JSFIDLE。 第一个只是切换所选选择的启用/禁用

$(document).on('change','#option', function(){
   // not sure what to do here
});

---

将jQUery更改为以下内容

$(document).ready(function(){

    $(document).on('change','#option',function(){
        if($(this).val() == 1){
            // enable select box
            $("#chzn-select").attr('disabled', false).trigger("liszt:updated");
        }else{
            // disable select box
            $("#chzn-select").attr('disabled', true).trigger("liszt:updated");
        }
        $("#option").trigger("chzn:updated");
    });

});

---

将jQUery更改为以下内容

$(document).ready(function(){

    $(document).on('change','#option',function(){
        if($(this).val() == 1){
            // enable select box
            $("#chzn-select").attr('disabled', false).trigger("liszt:updated");
        }else{
            // disable select box
            $("#chzn-select").attr('disabled', true).trigger("liszt:updated");
        }
        $("#option").trigger("chzn:updated");
    });

});

只需使用$（'.selectpicker'）。selectpicker（'refresh'）；执行代码后…：）

只需使用$（'.selectpicker'）.selectpicker（'refresh'）；执行代码后…：）