javascript - Selectize.js - 强制从选择中至少选择一项

标签 javascript html selectize.js

我已经使用了 allowEmptyOption : false 但它没有帮助。 我需要始终至少选择一个项目(列表中的第一个项目可以默认为)。

我不知道如何快速、轻松地做到这一点。看起来应该很简单,但我必须忽略文档中的某些内容。按照我的代码方式,当前,当我不希望时,选择会返回空白或空值。

只是一个注释。我正在使用 clearOptions()addOption() 方法将项目加载到选择中。加载所有选项后,我想选择下拉列表中的第一项。这就是我真正想做的。使用选项或以编程方式执行此操作有什么简单的方法吗?

最佳答案

使用选择事件对我有用:

// add 'staff' and maintain if attempt by user to remove
rolesStz.addItem('staff', true); 
rolesStz.on("item_remove", function(item) {
  if(item == "staff")
    this.addItem(item);
});

运行于:

// The selectized obj
var $roles = $('.input-roles');
$roles.selectize({
  options: roles
});
var rolesStz = $roles[0].selectize;

另请参阅: https://github.com/brianreavis/selectize.js/blob/master/docs/events.md

关于javascript - Selectize.js - 强制从选择中至少选择一项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26804156/

相关文章:

javascript - 为什么我的迷你按钮在 jQuery Mobile 的 ListView 中这么大?

javascript - 缩放更改时 Leaflet 标记工具提示文本中的动态更改字体大小

HTML 表格 rowspan 不能与我的 CSS 一起正常工作

html - 用于 html 表格填充的内联 css

jquery - 向初始化的 selectize 元素添加新选项

javascript - 获取外键表数据

javascript - 如何仅在模板文件中转义 Jade(pug) 模板中的空格?

javascript - 使用 jQuery 将事件转发到另一个元素

javascript - Selectize.js 不工作

angularjs - Selectize & AngularJS 不与选择框一起播放(多选)