отключение выбора выпадающего списка, когда флажок установлен.

Question

Я внедрил selectize в мою форму html. Однако выпадающий список становится активным только при щелчке по флажку «включить». Я знаю, что на объекте selectize есть свойство disable, но я не знаю, как его использовать при щелчке по галочке.

Я попытался добавить отключенный класс к элементу selectize div, но это тоже не сработает. Любая помощь будет хорошо оценена.

Благодаря

Answer 1

Это немного странно, как вы должны настроить его. Вот что работает для меня.

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

Answer 2

Я хотел бы добавить дополнительный ответ здесь, потому что, хотя @ tclark333 отвечают правильно, это немного вводит в заблуждение, так как первая строка является фактической инициализации объекта selectize, а на самом деле не то, что нужно для ответа.

API selectize раскрывается при доступе к свойству selectize в базовом элементе из объекта jQuery, а не в качестве расширения для самого jQuery.

Предполагая, элемент, который был selectized идентификационному является "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(); 
        }); 

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