jquery - Bootstrap 選択した選択を動的に有効/無効にする

Question

Bootstrap Chosen選択ボックスを動的に有効/無効にする方法を知っている人はいますか? 2 つの選択ボックスを持つ 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'); を使用するだけです。コードの実行後... :)