Javascript 使用select2 4.0.3创建下拉列表数组,并基于其他select2值禁用选项

Javascript 使用select2 4.0.3创建下拉列表数组,并基于其他select2值禁用选项,javascript,jquery,html,select,jquery-select2-4,Javascript,Jquery,Html,Select,Jquery Select2 4,我想根据数组值创建一个动态select2下拉列表,并禁用下拉列表中的选项。当我在当前选择框中选择该选项时,该选项将在“其他选择框”下拉列表中禁用。 这是我的密码 var-selectArray=[{id:0,值:'test'},{id:1,值:'test1'},{id:2,值:'test2'},{id:3,值:'test3'},{id:4,值:'test4'},{id:5,值:'test5'}]; var data=[{id:1,text:'value1'},{id:2,text:'value

我想根据数组值创建一个动态select2下拉列表,并禁用下拉列表中的选项。当我在当前选择框中选择该选项时,该选项将在“其他选择框”下拉列表中禁用。 这是我的密码

var-selectArray=[{id:0,值:'test'},{id:1,值:'test1'},{id:2,值:'test2'},{id:3,值:'test3'},{id:4,值:'test4'},{id:5,值:'test5'}];
var data=[{id:1,text:'value1'},{id:2,text:'value2'},{id:3,text:'value3'},{id:4,text:'value4'},{id:5,text:'value5'}];
$.each(选择数组、函数(索引、值){
var html='
  • ; $('#selectbox')。附加(html); }); $(“.select2选项”)。选择2({ 研究的最小结果:-1, 数据:数据 });
    ulli{
    列表样式:无;
    }
    挑选{
    宽度:200px;
    }
    .m-b-20{
    边缘底部:20px;
    }
    
    

    我在下拉列表中找到了显示和隐藏选项的解决方案

    var selectArray=[{id:1,值:'test1'},{id:2,值:'test2'},{id:3,值:'test3'},{id:4,值:'test4'},{id:5,值:'test5'}];
    var data=[{id:'',text:'--none--'},{id:'1',text:'value1'},{id:'2',text:'value2'},{id:'3',text:'value3'},{id:'4',text:'value4'},{id:'5',text:'value5'};
    $.each(选择数组、函数(索引、值){
    var html='
  • ; $('#selectbox')。附加(html); }); $.fn.select2.amd.define('select2/data/customAdapter',['select2/data/array','select2/utils'], 功能(ArrayAdapter、Utils){ 函数CustomDataAdapter($element,options){ CustomDataAdapter.super.constructor.call(此$element,选项); } Extend(CustomDataAdapter、ArrayAdapter); CustomDataAdapter.prototype.updateOptions=函数(数据){ 此.$element.find('option').remove(); this.addOptions(this.convertToOptions(数据)); } 返回CustomDataAdapter; } ); var customAdapter=$.fn.select2.amd.require('select2/data/customAdapter'); $(“.select2选项”)。选择2({ dataAdapter:customAdapter, 研究的最小结果:-1, 数据:数据 }); 函数autoFillSelectedData(){ var selects=$('select.select2 option'); var selectedSelect2value=[]; 对于(变量i=0;i
    ulli{
    列表样式:无;
    }
    挑选{
    宽度:200px;
    }
    .m-b-20{
    边缘底部:20px;
    }
    
    

    我在下拉列表中找到了显示和隐藏选项的解决方案

    var selectArray=[{id:1,值:'test1'},{id:2,值:'test2'},{id:3,值:'test3'},{id:4,值:'test4'},{id:5,值:'test5'}];
    var data=[{id:'',text:'--none--'},{id:'1',text:'value1'},{id:'2',text:'value2'},{id:'3',text:'value3'},{id:'4',text:'value4'},{id:'5',text:'value5'};
    $.each(选择数组、函数(索引、值){
    var html='
  • ; $('#selectbox')。附加(html); }); $.fn.select2.amd.define('select2/data/customAdapter',['select2/data/array','select2/utils'], 功能(ArrayAdapter、Utils){ 函数CustomDataAdapter($element,options){ CustomDataAdapter.super.constructor.call(此$element,选项); } Extend(CustomDataAdapter、ArrayAdapter); CustomDataAdapter.prototype.updateOptions=函数(数据){ 此.$element.find('option').remove(); this.addOptions(this.convertToOptions(数据)); } 返回CustomDataAdapter; } ); var customAdapter=$.fn.select2.amd.require('select2/data/customAdapter'); $(“.select2选项”)。选择2({ dataAdapter:customAdapter, 研究的最小结果:-1, 数据:数据 }); 函数autoFillSelectedData(){ var selects=$('select.select2 option'); var selectedSelect2value=[]; 对于(变量i=0;i
    ulli{
    列表样式:无;
    }
    挑选{
    宽度:200px;
    }
    .m-b-20{
    边缘底部:20px;
    }