easyui下拉列表级联操作,加载完毕后自动默认加载第一项的下级菜单
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了easyui下拉列表级联操作,加载完毕后自动默认加载第一项的下级菜单相关的知识,希望对你有一定的参考价值。
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}
以上是关于easyui下拉列表级联操作,加载完毕后自动默认加载第一项的下级菜单的主要内容,如果未能解决你的问题,请参考以下文章
请教如何获取easyui-combobox下拉菜单的多个选中值
easyui 下拉列表只能选中第一个,就是能看到下拉框的值,可是你选择那个它框框里都是第一个
easyui combobox中的值是从数据库拿过来的,编辑easyui gridveiw时combobox定位gridveiw对应值