Javascript 使用select2 4.0.3创建下拉列表数组,并基于其他select2值禁用选项
我想根据数组值创建一个动态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
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;
}