jquery - Bootstrap 启用/禁用动态选择

Question

有谁知道如何动态启用/禁用 Bootstrap 选择选择框？我创建了一个带有两个选择框的 JSFiddle。第一个只是切换所选选择的启用/禁用。

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

http://jsfiddle.net/yakitori/H38fU/3/

Answer 1

将您的 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");
    });

});