Question

有谁知道如何动态启用/禁用Bootstrap Chosen选择框？我用两个选择框创建了一个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");
    });

});

Answer 2

只需使用$（'。selectpicker'）。selectpicker（'refresh'）;执行你的代码后......：）

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

2 个答案: