easyui根据树数据动态生成多个combobox

最新推荐文章于 2022-06-16 08:44:04 发布

KiH_Jim

最新推荐文章于 2022-06-16 08:44:04 发布

阅读量541

点赞数

分类专栏： java

本文链接：https://blog.csdn.net/qq_38686665/article/details/79152445

版权

这篇博客介绍了如何使用EasyUI库，在JavaScript中动态生成多个Combobox，这些Combobox根据树形数据结构进行填充。通过异步请求获取子级分类，并在用户选择时动态更新后续Combobox的内容，实现了一个灵活的分类选择功能。

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

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/commons/global.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<span id="CategoryComboBoxDiv"></span>
<script type="text/javascript">
/* 分类动态选择框
	rootId:根id
	cateLx:类型
*/
	$(function(){
		createCategoryCombobox(1,'${param.rootId}','${param.cateLx}');
	});
function createCategoryCombobox(num,newValue,cateLx) {
	//发送异步请求查找子级
	$.post('${path }/category/combobox.do?cateParentid='+newValue+"&cateLx="+cateLx,function(d){	
		//如果有儿子
		if(d != null && d.length > 0){
			//生成唯一ID 用作标记combobox
			var id = "category"+num;	
			//生成Html元素
			var box= '<select id=&