Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当控件被禁用时,如何防止使用remove_按钮删除Selectize selected options_Javascript_Selectize.js_Disabled Control - Fatal编程技术网

Javascript 当控件被禁用时,如何防止使用remove_按钮删除Selectize selected options

Javascript 当控件被禁用时,如何防止使用remove_按钮删除Selectize selected options,javascript,selectize.js,disabled-control,Javascript,Selectize.js,Disabled Control,我使用以下选项创建selectize { plugins: ['remove_button'], delimiter: ',', loadThrottle: 600, valueField: 'id', labelField: 'name', searchField: ['name'], openOnFocus: true, preload: 'focus', render: { option: functi

我使用以下选项创建selectize

{
    plugins: ['remove_button'],
    delimiter: ',',
    loadThrottle: 600,
    valueField: 'id',
    labelField: 'name',
    searchField: ['name'],
    openOnFocus: true,
    preload: 'focus',
    render: {
        option: function(item, escape) {
            var label = item['name'];
            return '<div><span>' + escape(label) + '</span></div>';
        },
        item: function(data, escape) {
            var label = data['name'];
            return '<div class="item selectize-item">' + escape(label) +  '</div>';
        }
    },
    load: loadResults,
    onLoad: (data) => {
        //Set initial values
        var valuesArray = options.initialValue.split(',');
        for(var i = 0; i < valuesArray.length; i++)
        {
            selectize.addItem(valuesArray[i], false);
        }
    },
    create: options.create,
    onChange: options.onChange
}
{
插件:[“删除按钮”],
分隔符:',',
载客量:600,
valueField:'id',
拉贝尔菲尔德:“名字”,
搜索字段:[“名称”],
openOnFocus:没错,
预加载:“焦点”,
呈现:{
选项:功能(项目,转义){
变量标签=项目['name'];
返回“”+转义(标签)+“”;
},
项目:功能(数据、转义){
变量标签=数据['name'];
返回“”+转义(标签)+“”;
}
},
加载:加载结果,
onLoad:(数据)=>{
//设置初始值
var valuesArray=options.initialValue.split(',');
对于(变量i=0;i
在标记中,我设置了禁用属性:

<input name="selectize_test" disabled>

控件已正确禁用。问题是,在添加所选项目后,我可以单击“x”按钮并删除项目。仅当我在Chrome的控制台选项卡中手动运行selectize.disable()时,此问题才会得到解决。我已尝试在('item_add')上运行事件侦听器内部的命令。命令运行,但我仍然可以删除某个项目

有没有办法避免这种情况?我可以使用setTimeout(),但我不喜欢将其用于此类任务。还有更好的主意吗