easyui下拉框动态级联加载

最新推荐文章于 2024-07-12 21:47:12 发布

9_张晓

最新推荐文章于 2024-07-12 21:47:12 发布

阅读量2.4w

点赞数 2

本文链接：https://blog.csdn.net/ggibenben1314/article/details/42833883

版权

本文介绍了如何使用EasyUI实现下拉框的动态级联加载功能，特别是在高校场景中，通过先查询所有学院，再依据选定的学院动态加载相关课程。详细步骤包括展示的界面效果及对应的HTML和JavaScript代码实现。

摘要由CSDN通过智能技术生成

easyui的下拉框动态加载数据，高校中要根据首先查询所有学院，然后根据学院动态加载课程。下面看如何实现。

1.界面效果

2. html + js代码

       <span>学院名称：</span>
       <input class="easyui-combobox"  style="width:30%;"  id="collegeName">
       <span>课程名称：</span>
       <input class="easyui-combobox"  style="width:30%;" id="courseName"><br/>

$(function() {  	
	  // 下拉框选择控件，下拉框的内容是动态查询数据库信息
	  $('#collegeName').combobox({ 
	          url:'${pageContext.request.contextPath}/loadInstitution', 
	          editable:false, //不可编辑状态
	          cache: false,
	          panelHeig