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

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

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

Спасибо

Ответы

Ответ 1

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

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

Предполагая, что выбранным элементом является "myDropDown":

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

Ответ 2

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

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

Ответ 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();
                    });

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