javascript - 如何使 selectize.js 选择框需要一个值？

Question

我原来的选择框设置了required 属性

<select name="some-name" value="initialValue" required>
     <option value="initialValue">initial value</option>
     <option value="otherValue">other value</option>
</select>

我开始选择:

$("select[name='some-name']").selectize()

但用户仍然可以使用退格键删除所选选项，使选择框的值为 ''。

由于真实选择框上的 required 似乎不会影响 Selectize，我已阅读 the selectize documentation但找不到任何方法来阻止用户删除该选项。

如何防止用户将值设置为除有效选项之外的任何值？

Answer 1

您可以在删除选项时检查所选选项是否小于1，如果是添加回项目。 getValue() 返回当前选定值的数组。

对于用户来说，它只是看起来不可删除或不可移动。

var userSelectize = $(...).selectize({});
userSelectize[0].selectize.on("item_remove", function(value, item) {
            if (userSelectize[0].selectize.getValue().length < 1) {
                this.addItem(value);
            }
    });