EasyUI----combobox

最新推荐文章于 2025-09-12 14:04:02 发布

weixin_34195364

最新推荐文章于 2025-09-12 14:04:02 发布

阅读量92

点赞数

CC 4.0 BY-SA版权

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/3053442/blog/808808

本文分享了一个使用EasyUI实现的ComboBox联动实例。通过两个下拉框之间的联动选择，展示了如何根据一个下拉框的选择结果动态加载另一个下拉框的数据。提供了具体的JavaScript代码实现。

2019独角兽企业重金招聘Python工程师标准>>>

今天写一个EasyUI 的ComboBox的2个下拉框联动，，主要是记录一些不知道的事情，本来是有一个BUG的，但是上传截图好烦，算了吧。。。

js代码

$('#unitname').combobox({
       onSelect: function (n,o) {
           //$('#deptname').combobox('clear');
           var parentCode=$('#unitname').combobox('getValue'); //n.ORG_CODE
           //alert(parentCode);
           if(parentCode!=null&&parentCode!=''){
               var url='agentsmanage_findDeptNameList.do?parentorgcode='+parentCode;
               $('#deptname').combobox('reload',url);
           }else{
               $('#deptname').combobox('loadData',{});
           }
       }
   });

 <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','');
			}
		}
	});

转载于:https://my.oschina.net/u/3053442/blog/808808