前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >easy ui的三级联动,两级联动

easy ui的三级联动,两级联动

作者头像
斯文的程序
发布2019-11-07 16:57:18
1.9K0
发布2019-11-07 16:57:18
举报
文章被收录于专栏:带你回家带你回家
代码语言:javascript
复制
<select id="hdprovinceId" class="easyui-combobox" name="hdprovinceId" style="width:100px;" 
data-options="
editable:false,
valueField:'ID',									
textField:'TEXT',
										url:'<%=basePath%>getProvince',
onSelect: function(rec){
												getCity(rec)
}
">
</select>
<select id="hdcityId" class="easyui-combobox" name="hdcityId" style="width:100px;" 
data-options="
editable:false,
valueField:'ID',
										textField:'TEXT',
onSelect: function(rec){
												getDistrict(rec)
}
">
</select>
<select id="hddistrictId" class="easyui-combobox" name="hddistrictId" style="width:100px;" data-options="editable:false,valueField:'ID',textField:'TEXT'">
</select>

	<%--获取市 --%>
		function getCity(rec){
			var url = '<%=basePath%>getCity?id='+rec.ID;
			$('#hdcityId').combobox('loadData', []);
			$('#hddistrictId').combobox('loadData',[]);
			$('#hdcityId').combobox('reload', url);
			$('#hdcityId').combobox('clear');
			$('#hddistrictId').combobox('clear');
		}
		
		<%--获取区 --%>
		function getDistrict(rec){
			var url = '<%=basePath%>getDistrict?cityId='+rec.ID;
			$('#hddistrictId').combobox('loadData',[]);
			$('#hddistrictId').combobox('reload', url);
			$('#hddistrictId').combobox('clear');
		}
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档