easyUI动态更改combox下拉框中选项

步骤

1. 请求数据

2. 构造数组

数组形式为:

[
	{
     
		"value":"value1",
		"text":"text1",
		"select":true,
		"disabled":true
	},
	{
     
		"value":"value2",
		"text":"text2"
	},
	{
     
		"value":"value3",
		"text":"text3"
	},
]

3. 使用loadData方法添加

$('#showMaxAdmi').combobox('loadData', showMaxOption);

实例

代码

<div style="margin-top:5px;float:left;margin-left:80px;">
    <select id="showMaxAdmi" class="easyui-combobox" name="showMax" style="width:300px;">
        <option value="" disabled selected hidden>显示阈值option>
    select>
div>
let showMaxOption = [{
      "value": "", "text": "显示阈值", "selected": true}];

//ajax请求成功构造数组
success: function (response) {
     
    showMaxOption.push({
      "value": response.name + "(" + response.paratype + ")", "text": response.name + "(" + response.paratype + ")" })
},
// 添加
$('#showMaxAdmi').combobox('loadData', showMaxOption);

构造后的数组

easyUI动态更改combox下拉框中选项_第1张图片

效果

easyUI动态更改combox下拉框中选项_第2张图片

你可能感兴趣的:(#,EasyUI)