选中复选框后禁用选择性下拉列表

Question

我在我的html表单上实现了selectize.但是,只有单击"启用"复选框时,下拉列表才会变为活动状态.我知道在选择对象上有一个禁用属性,但是当单击该复选框时我不知道如何使用它.

我已经尝试将禁用的类添加到selectize div元素,但这也不起作用.任何帮助将不胜感激.

谢谢

Answer 1

我想在这里添加一个额外的答案,因为尽管@ tclark333的答案是正确的,但它有点误导,因为第一行是选择对象的实际初始化,而实际上并不是答案所需要的.

当您从jQuery对象访问底层元素的selectize属性而不是jQuery本身的扩展时,将公开选择API.

假设已经被选中的ID的元素是"myDropDown":

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

Answer 2

如何设置它有点奇怪.这对我有用.

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