javascript - deshabilitar el menú desplegable de selección cuando se marca una casilla de verificación

jquery selectize.js

Question

He implementado selectize en mi formulario html. Sin embargo, un menú desplegable solo se activa cuando se hace clic en la casilla de verificación "habilitar". Sé que hay una propiedad de desactivación en el objeto selectize pero no sé cómo usarlo cuando se hace clic en la casilla de verificación.

He intentado agregar la clase deshabilitada al elemento selectize div pero eso tampoco funciona. Cualquier ayuda será bien apreciada.

Gracias

Answer 1

Es un poco raro como tienes que configurarlo. Esto es lo que funciona para mí.

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

Answer 2

Quería agregar una respuesta adicional aquí porque aunque la respuesta de @ tclark333 es correcta, es un poco engañosa, ya que la primera línea es la inicialización real del objeto seleccionado, y en realidad no es lo que se necesita para la respuesta.

La API de selección está expuesta cuando accede a la propiedad de selección en el elemento subyacente desde un objeto jQuery y no como una extensión de jQuery.

Suponiendo que el elemento que ha sido seleccionado ID es "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();
                    });

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