ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

动态赋值combobox(select)

2021-06-08 11:59:49  阅读:229  来源: 互联网

标签:Name combobox 财务 人力 data ID 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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有