easyui下拉列表级联操作,加载完毕后自动默认加载第一项的下级菜单
2018-08-10 14:17
741 查看
1.html代码:
<td width="80px;">科目名称:</td> <td style="text-align: left;"> <select id="accountitem" name="accountitem" class="easyui-combobox" style="width:150px;" data-options="editable:false,panelHeight:'auto', onSelect: function(){getAccountnameList();},onLoadSuccess : function(){getAccountnameList();}"> <option value="01">2013第一季度</option> <option value="02">2013第二季度</option> <option value="03">2013第三季度</option> </select> </td> <td>账户名称:</td> <td style="text-align: left"> <select id="accountname" name="accountname" class="easyui-combobox" style="width:150px;" data-options="editable:false,panelHeight:'auto'"></select> </td>
2.js代码
/* 动态加载账户名称 */ function getAccountnameList(){ //获取下拉列表的选项值 var id = $("#accountitem").combobox("getValue"); $('#accountname').combobox({ url: '${ctx}/oa/fdr/accountnameList?id='+id, valueField: 'id', //id是返回json字符串中的key,对应下拉列表值 textField: 'name', //name是返回json字符串中的key,对应下拉列表显示文本 onLoadSuccess : function(record){ //默认选中第一项 $('#accountname').combobox('setValue',record[0].id); } }); getCapitalsummary(); }; //json数据如下: [{"group":"","id":"cwzhnhfsy","name":"农行","selected":true}, {"group":"","id":"cwzhnhpos","name":"工行","selected":false}, {"group":"","id":"cwzhjhlzl","name":"建行","selected":false}, {"group":"","id":"cwzhjnpos","name":"POS机","selected":false}] /* 动态加载期初余额 */ function getCapitalsummary(){ var accountname = $("#accountname").combobox("getValue"); $.post('${ctx}/oa/fdr/capitalsummary',{accountname:accountname},function(data){ //使用jquery动态给easyui-numberbox赋值 $("#beginningbalance").numberbox('setValue', data.beginningbalance); },'json'); }; //json数据如下: {"beginningbalance":0,"incomeamount":0,"spendingamount":0}
相关文章推荐
- 下拉列表 级联菜单操作(js代码的级联操作)
- 如何实现jquery easyui combotree 下拉加载默认选中
- [.NET控件]中国行政区域二级联系菜单,根据上级行政区加载下级行政区列表
- 重写winform 的 ComboBox控件实现自动加载磁盘下拉列表框
- EasyUI学习之Combobox级联下拉列表(2)
- Selenium操作示例——鼠标悬停显示二级菜单,再点击二级菜单或下拉列表
- 关于下拉列表加载数据的一些操作
- easyui combobox 下拉框自动获取 每次添加全部选项 默认选中第一行
- selenium(webdriver)--操作搜索功能的自动提示下拉列表
- 如何在SharePoint2007中实现下拉列表(DropDownList)的级联菜单效果
- Android -- 对话框 Dialog: 确定取消,单选多选,进度显示, 常用控件示例:单选多选框,下拉列表,进度条,自动完成文本框, 菜单显示
- js技术实现html页面解析xml文档的级联下拉列表操作
- struts2标签实现下拉列表级联操作
- Ext的异步请求(二级级联动态加载下拉列表)
- Python+Selenium 操作示例——鼠标悬停显示二级菜单,再点击二级菜单或下拉列表
- easyui combobox获取到焦点自动展开下拉列表
- easyUI 下拉框 树形菜单加载父/子节点
- 多级下拉列表默认触发下拉事件加载数据
- 淘宝页面实现(包括级联菜单,下拉列表,框架)
- easyui 下拉列表如何动态加载数据