溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

easyui下拉列表級(jí)聯(lián)操作,加載完畢后自動(dòng)默認(rèn)加載第一項(xiàng)的下級(jí)菜單

發(fā)布時(shí)間:2020-07-10 16:53:57 來(lái)源:網(wǎng)絡(luò) 閱讀:1059 作者:pannijingling 欄目:開(kāi)發(fā)技術(shù)
1.html代碼:
<td width="80px;">科目名稱(chēng):</td>
<td >
        <select id="accountitem" name="accountitem" class="easyui-combobox"  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>賬戶名稱(chēng):</td>
<td >
        <select id="accountname" name="accountname" class="easyui-combobox"   data-options="editable:false,panelHeight:'auto'"></select>
</td>
2.js代碼
/* 動(dòng)態(tài)加載賬戶名稱(chēng) */
function getAccountnameList(){
     //獲取下拉列表的選項(xiàng)值
     var id = $("#accountitem").combobox("getValue");  
     $('#accountname').combobox({
                url: '${ctx}/oa/fdr/accountnameList?id='+id,
                valueField: 'id',        //id是返回json字符串中的key,對(duì)應(yīng)下拉列表值
                textField: 'name',     //name是返回json字符串中的key,對(duì)應(yīng)下拉列表顯示文本
                onLoadSuccess : function(record){
                        //默認(rèn)選中第一項(xiàng)
                        $('#accountname').combobox('setValue',record[0].id); 
                 }
        });
        getCapitalsummary();
};
//json數(shù)據(jù)如下:
[{"group":"","id":"cwzhnhfsy","name":"農(nóng)行","selected":true},
{"group":"","id":"cwzhnhpos","name":"工行","selected":false},
{"group":"","id":"cwzhjhlzl","name":"建行","selected":false},
{"group":"","id":"cwzhjnpos","name":"POS機(jī)","selected":false}]

/* 動(dòng)態(tài)加載期初余額 */
function getCapitalsummary(){
        var accountname = $("#accountname").combobox("getValue");
        $.post('${ctx}/oa/fdr/capitalsummary',{accountname:accountname},function(data){
                //使用jquery動(dòng)態(tài)給easyui-numberbox賦值
                $("#beginningbalance").numberbox('setValue', data.beginningbalance);
        },'json');
};
//json數(shù)據(jù)如下:
{"beginningbalance":0,"incomeamount":0,"spendingamount":0}
向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI