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);

構造後的數組

在這裏插入圖片描述

效果

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章