Я использовал selectize в моей форме html. Однако выпадающий список становится активным только при щелчке по флажку "включить". Я знаю, что на объекте selectize есть свойство disable, но я не знаю, как его использовать при щелчке по галочке.
Я попытался добавить отключенный класс к элементу selectize div, но это тоже не работает. Любая помощь будет хорошо оценена.
Спасибо
Я хотел добавить дополнительный ответ здесь, потому что хотя ответ @tclark333 верен, он немного вводит в заблуждение, так как первая строка является фактической инициализацией объекта selectize, а не тем, что необходимо для ответа.
Выбирающий API раскрывается при доступе к свойству selectize в базовом элементе из объекта jQuery, а не в качестве расширения для самого jQuery.
Предполагая, что выбранным элементом является "myDropDown":
//disable
$('#myDropDown')[0].selectize.disable();
//re-enable
$('#myDropDown')[0].selectize.enable();
Немного странно, как вы должны его настроить. Вот что работает для меня.
var select = $("#YourDropDownId").selectize();
var selectize = select[0].selectize;
selectize.disable();
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();
});
/********/
}
});
};