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

最新推荐文章于 2022-02-17 21:10:26 发布

KiH_Jim

最新推荐文章于 2022-02-17 21:10:26 发布

阅读量583

点赞数

分类专栏： java

本文链接：https://blog.youkuaiyun.com/qq_38686665/article/details/79152445

版权

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<%@ 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=&