javascript - 选中复选框时禁用选择下拉列表

Question

我已经实现了Selectize在我的 HTML 表单上。然而，只有当点击“启用”复选框时，下拉菜单才会变为事件状态。我知道 Selectize 对象上有一个 disable 属性，但我不知道在单击复选框时如何使用它。

我尝试将 disabled 类添加到 Selectize div 元素，但这也不起作用。
任何帮助将不胜感激。

谢谢

Answer 1

我想在这里添加一个额外的答案，因为虽然@tclark333的答案是正确的，但它有点误导，因为第一行是 selectize 对象的实际初始化，而不是答案实际上所需的。

当您从 jQuery 对象访问底层元素上的 selectize 属性时，就会公开 selectize API，而不是作为 jQuery 本身的扩展。

假设被选中的元素的ID是“myDropDown”:

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