Deaktivierung Auswahl Dropdown, wenn ein Kontrollkästchen aktiviert ist

Question

Ich habe selectize auf meinem HTML-Formular implementiert. Ein Dropdown-Menü wird jedoch erst aktiviert, wenn das Kontrollkästchen "Aktivieren" angeklickt wird. Ich weiß, dass es eine Deaktivierungseigenschaft für das Selectize-Objekt gibt, aber ich weiß nicht, wie ich es verwenden soll, wenn das Kontrollkästchen angeklickt wird.

Ich habe versucht, die deaktivierte Klasse zum selectivize div-Element hinzuzufügen, aber das funktioniert auch nicht. Jede Hilfe wird sehr geschätzt.

Dank

Answer 1

Es ist ein wenig seltsam, wie Sie einrichten es haben. Hier ist, was für mich funktioniert.

var select = $("#YourDropDownId").selectize(); 
var selectize = select[0].selectize; 
selectize.disable(); 

Answer 2

Ich wollte hier eine zusätzliche Antwort hinzuzufügen, denn obwohl @ tclark333 die Antwort richtig ist, es ist ein wenig irreführend ist, da die erste Zeile der tatsächliche Initialisierung des selectize Objekt ist, und nicht wirklich was für die Antwort benötigt wird.

Die selectize-API wird verfügbar gemacht, wenn Sie auf die selectize -Eigenschaft des zugrunde liegenden Elements von einem jQuery-Objekt und nicht als Erweiterung von jQuery selbst zugreifen.

das Element der Annahme, dass die ID selectized worden ist, ist "myDropDown":

//disable 
$('#myDropDown')[0].selectize.disable(); 
//re-enable 
$('#myDropDown')[0].selectize.enable(); 

Answer 3

function generateCircle(id , jPath){ 
     var formId =$("#"+id).closest(".data_details_accord").find("form"); 
     var select = formId.find("select"); 
     /*disable select initially*/ 
     select.each(function(){ 
      var thisSelect = $(this).selectize(); 
      thisSelectDisable = thisSelect[0].selectize; 
      thisSelectDisable.disable(); 
     }); 

     /***********/ 

     $.ajax({ 
      url: jPath, 
      data:formVlaz, 
      success: function(result){ 

      },error: function (xhr , status, eror) { 
      },complete: function (xhr) { 

       /*enable select when ajax complete*/ 
        select.each(function(){ 
         var thisSelect = $(this).selectize(); 
         thisSelectDisable = thisSelect[0].selectize; 
         thisSelectDisable.enable(); 
        }); 

       /********/ 
      } 
     }); 
    };