其他分享
首页 > 其他分享> > 动态赋值combobox(select)

动态赋值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>&nbsp;

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