动态赋值combobox(select)
作者:互联网
<select id="selectType" class="easyui-combobox" style="width: 150px" data-options="editable:false,valueField:'ID',textField:'Name'"
panelHeight="auto">
<!--<option value="地产及文旅建设组">地产及文旅建设组</option>
<option value="公共应用运维组">公共应用运维组</option>
<option value="客户运维组">客户运维组</option>
<option value="人力行政财务-费控">人力行政财务-费控</option>
<option value="人力行政财务-核算">人力行政财务-核算</option>
<option value="人力行政财务-经分">人力行政财务-经分</option>
<option value="人力行政财务-人力">人力行政财务-人力</option>
<option value="服务集团">服务集团</option>-->
</select>
easyui中动态赋值combobox(select下拉框)注意必须给select标签的options赋值valueField:‘ID(动态数据名称)’,textField:‘Name’(动态数据名称)
ajax获取的data格式如下
"code": 0,
"msg": "成功",
"data": [
{
"ID": "",
"Name": "[全部]"
},
{
"ID": "1",
"Name": "地产及文旅建设组"
},
{
"ID": "2",
"Name": "公共应用运维组"
},
{
"ID": "3",
"Name": "客户运维组"
},
{
"ID": "4",
"Name": "人力行政财务-费控"
},
{
"ID": "5",
"Name": "人力行政财务-核算"
},
{
"ID": "6",
"Name": "人力行政财务-经分"
},
{
"ID": "7",
"Name": "人力行政财务-人力"
}
]
}
$.ajax({
type: "POST",
url: "http://10.4.0.195:8082/api/verification/getUserInfoByToken",
async: true,
data: {
"token": token
},
success: function (data, status, xhr) {
if (data.code == 0) {
var depas = data.data;
//赋值combobox
$("#selectType").combobox("loadData", depas);
$("#selectType ").combobox('select', depas[0].ID);//默认选中第一项,这里需要注意如果写Name的话会导致页面加载出来的第一个选择getvalue是Name
} else {
$.messager.alert('提示', '部门加载失败...', 'warning');
}
},
error: function (data, status, xhr) {
switch (data.status) {
case 401:
$.messager.alert('提示', '部门加载失败...', 'warning');
break;
default:
$.messager.alert('提示', '部门加载失败...', 'warning');
break;
}
},
complete: function () {
}
});
标签:Name,combobox,财务,人力,data,ID,select,赋值 来源: https://blog.csdn.net/weixin_43245848/article/details/117694236