今天寫一個EasyUI 的ComboBox的2個下拉框聯動,,主要是記錄一些不知道的事情,原本是有一個BUG的,可是上傳截圖好煩,算了吧 。。。java
js代碼app $('#unitname').combobox({ |
|
<td width="110px;"> <select id="ruleType" class="easyui-combobox" data-options="editable:false,panelHeight:'auto'" style="display:block;width: 110px;height:32px;vertical-align: middle;"> <option selected value="">請選擇</option> <!-- <option value="0">地市</option> --> <option value="1">終端類型</option> <option value="3">城鄉類型</option> <option value="2">商圈類型</option> <c:if test="${ident=='2' }"> <option value="4">縣</option> </c:if> <!-- <option value="5">路線</option> --> </select> </td> <td align="right" width="140px;">應用範圍值:</td> <td width="110px;"> <input id="applRange" type="text" class="easyui-combobox" name="applRange" data-options="editable:false,panelHeight:'auto',valueField:'code',textField:'codeName', panelHeight:170" style="width:110px;height:32px;vertical-align:middle;"/> </td> $('#ruleType').combobox({ onSelect: function (n,o) { $('#applRange').combobox('clear'); var parentCode=$('#ruleType').combobox('getValue'); //n.ORG_CODE if(parentCode!=null&&parentCode!=''){ var url=context+'/transPort/queryRuleType.do?parentorgcode='+parentCode; $('#applRange').combobox('reload',url); }else{ $('#applRange').combobox('loadData',''); } } });