如何获取jquery easyui 中combobox选中的值呢?

mining_liteng 2015-08-23 08:43:49

小菜鸟最近遇到一个问题.哪位大拿能帮忙解决一下.不胜感激....

想要取到选定所属部门的值,放到easyui中的 datagrid 中展示. 不知道为什么总是显示数字而不是显示该显示的所属部门

是这样的. 这是前端代码.



<tr>

                    <td class="tdal"> 所属部门：

                    </td>



                    <td class="tdar">

                        <select id="ipt_section" class="easyui-combobox" name="ipt_section" editable="false">

                            <option value="0">采矿部</option>

                            <option value="1">生产调度科</option>

                            <option value="2">技术科</option>

                            <option value="3">综合办</option>

                            <option value="4">党群工作室</option>

                            <option value="5">机电维修部</option>

                            <option value="6">储运部</option>

                        </select>

                    </td>

                </tr>

初始化datagrid代码



 $('#tab_list').datagrid({

                title: '用户列表', //表格标题

                url: location.href,  //请求数据的页面 

                sortName: 'UserFile_id', //排序字段

                idField: 'UserFile_id', //标识字段,主键

                iconCls: '', //标题左边的图标

                width: '100%', //宽度

                height: $(parent.document).find("#mainPanle").height() - 10 > 0 ? $(parent.document).find("#mainPanle").height() - 10 : 500, //高度

                nowrap: false, //是否换行，True 就会把数据显示在一行里

                striped: true, //True 奇偶行使用不同背景色

                collapsible: false, //可折叠

                sortOrder: 'desc', //排序类型

                remoteSort: true, //定义是否从服务器给数据排序

                frozenColumns: [[//冻结的列，不会随横向滚动轴移动

	                { field: 'cbx', checkbox: true },

	                { title: '用户编号', field: 'UserFile_num', width: 60, sortable: true },

                    { title: '用户账号名', field: 'UserFile_name', width: 100 }

                ]],

                columns: [[

                    { title: '密码', field: 'UserFile_pwd', width: 120 },

                    { title: '用户性别', field: 'UserFile_sex', formatter: function (value, rec, index) { return value == 0 ? '女' : '男' }, width: 80 },

                    { title: '所属部门', field: 'UserFile_section',width: 100 },

                     { title: '职位', field: 'UserFile_post', width: 100 },

                      { title: '电话号码', field: 'UserFile_telephone', width: 100 },

                       { title: '邮箱', field: 'UserFile_email', width: 150 },



                    {

                        title: '操作', field: 'UserFile_id', width: 80, formatter: function (value, rec) {

                            return '<a style="color:red" href="javascript:;" onclick="EditData(' + value + ');$(this).parent().click();return false;">修改</a>';

                        }

                    }

                ]],

                toolbar: "#tab_toolbar",

                queryParams: { "action": "query" },

                pagination: true, //是否开启分页

                pageNumber: 1, //默认索引页

                pageSize: 10, //默认一页数据条数

                rownumbers: true //行号

            });

添加用户后的前台展示

奇怪的事情出现了.本该职位列中应该出现采矿部..为什么显示的全部是数字呢?>

...全文

3560 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

xwn_2016 2017-06-23

打赏
举报

如果数据库没有维护这个的表，那么你的这个select 里的value分别写采矿部、生产调度科、技术科....等等


<tr>
                    <td class="tdal"> 所属部门：
                    </td>

                    <td class="tdar">
                        <select id="ipt_section" class="easyui-combobox" name="ipt_section" editable="false">
                            <option value="0">采矿部</option>
                            <option value="1">生产调度科</option>
                            <option value="2">技术科</option>
                            <option value="3">综合办</option>
                            <option value="4">党群工作室</option>
                            <option value="5">机电维修部</option>
                            <option value="6">储运部</option>
                        </select>
                    </td>
                </tr>