使用 selectize 删除必需的属性

Question

我正在使用 selectize 来选择多个国家。我有一个复选框来选择所有国家。

现在如果以这种方式选中复选框，我将禁用选择字段。

$("#outbound_countries").selectize({
            delimeter: ',',
            plugins: ['remove_button'],
            persist: false,
            create: function(input) {
                return {
                    value: input,
                    text: input
                }
            }
        });

这是我的html页面

<div class="form-group">
        <label for="outbound_countries" class="col-sm-3 control-label"> Outbound SMS Countries: </label>
        <div class="col-sm-4">
            <select id="outbound_countries" name="outbound_sms_countries" class="form-control" multiple required enabled />
            {% for country in country_list %}
                <option value="{{country.iso}}">
                    {{ country.printable_name }}
                </option>
            {% endfor %}
            </select>
            <input type="checkbox" name="outbound_all_countries" id="outbound_all_countries" required /> All Countries
        </div>
    </div>

所以对于复选框和选择字段，我都有必需的属性。如果我选中复选框，如何使用 selectize 删除所需的属性？

如果我在选择框中选择国家/地区，如何使用 selectize 从该选择框中获取所选值？

Answer 1

你可以使用这个 selectz 的代码来选择 selectz 多个

var Selectz = require('selectize');


Selectz.define('no-delete', function(option) {
  this.deleteSelection = function() {};
});


$("select[name='State-code']").selectz({
    plugins:{
        'no-delete': {}
    },
});