动态赋值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 () {
                   
                }
            });
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值