Select2 select2-removedイベントは他のselect2に影響しません

select2-removedイベントが発生したときに別のselect2をリセットしようとしていますが、他のdom要素にしか影響しません。最初のselect2値が削除されたら、2番目のselect2を無効にします。これは私のコードです。私は何か間違っているのですか？私のselect2バージョンは3.5です。前もって感謝します。予想通り「SELECT2-削除」発射されたと仮定しSelect2 select2-removedイベントは他のselect2に影響しません

$('#element_select2_1').on("select2-removed", function (e) { 
     $('#dom_element').attr('disabled', 'disabled'); 
     $('#another_dom_element').attr('disabled', 'disabled'); 

     $('#element_select2_2').select2('disable'); 
});

出典

2016-08-19 Don Dev

が、私は任意の実際のドキュメントを見つけることができませんでした「SELECT2-削除」はどこでも、あなたのイベントということでしょうか？だから、私はいくつかのコードを作成しました。1. 2つのselect2を作成し、ボタンを作成します。最初のselec2にselect2 destroyイベントを登録し、イベントをトリガーするselec2を破棄するボタンを登録します。トリガされたイベントは、2番目のselect2を無効にします。これはあなたがやろうとしていることですか？

  <script> 
       $(function ($) { 
        // first select2 
        $("#sel1").select2(); 
        // second select2 
        $("#sel2").select2(); 
        // register event to detect select2 being destroyed 
        $("#sel1").next(".select2-container").on("remove", function() { $("#sel2").prop("disabled", true); }) 

        // button that destroys the select2 triggering the event 
        $("#btn").button().click(function() { 

          $("#sel1").select2("destroy"); 

        }); 
       }) 
      </script> 
     </head> 
     <body> 
      <form> 
       <select tabindex="0" id="sel1" aria-hidden="false"> 
        <option value="AQ">Antarctica</option> 
        <option value="AI">Anguilla</option> 
        <option value="AG">Antigua and Barbuda</option> 
        <option value="AR">Argentina</option> 
        <option value="AM">Armenia</option> 
        <option value="AW">Aruba</option> 
       </select><br /> 
       <select id="sel2"> 
        <option value="BS">Bahamas</option> 
        <option value="BH">Bahrain</option> 
        <option value="BD">Bangladesh</option> 
        <option value="BB">Barbados</option> 
        <option value="BY">Belarus</option> 
        <option value="BE">Belgium</option> 
        <option value="BZ">Belize</option> 
       </select><br /> 
       <button id="btn" type="button">remove</button> 

      </form> 
     </body>

出典

2016-12-27 18:26:50 Bindrid

、

$('#element_select2_2').prop('disabled', true);

ドキュメントはSELECT2制御根本的選択ではないに適用されているプロパティを示してみてください。

https://select2.github.io/examples.html#disabled

出典

2016-12-27 17:08:41 Bindrid

Select2 select2-removedイベントは他のselect2に影響しません

答えて

関連する問題