jsp+javascript实现动态下拉二级联动(select+option)

jsp+javascript实现动态下拉二级联动(select+option)_第1张图片

最近在做一个项目,要使用动态下拉二级联动效果。就是当改变新闻大类别后,相应的小类别也要调整。数据库我设置了三个字段(id,name,parentId),因为只做二层目录,所以第一层目录的父节点(parentId)都为-1,第二层目录根据它的parentId可知它的父节点。新闻类别分别从数据库中查询。具体实现代码如下:

前端:

<%@page import="com.enterprise.daoImpl.NodeDaoImpl,com.enterprise.domain.*"%>
<%@page import="java.text.SimpleDateFormat"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="Inc/Head.jsp" %>

<%!
	NodeDaoImpl nodeDaoImpl=new NodeDaoImpl();
	List list=nodeDaoImpl.getNodes(-1);//获取第一层节点
	String[][] nameString=new String[list.size()][];//定义一个二维数组
	int[][] nameid=new int[list.size()][];
	%>
	<%
	if(list.size()>0)
	for(int i=0;i childrenNode=nodeDaoImpl.getNodes(list.get(i).getId());//获取该节点的所有子节点
	 	nameString[i]=new String[childrenNode.size()];
	 	nameid[i]=new int[childrenNode.size()];
	 	if(childrenNode!=null&&childrenNode.size()>0)
	 	for(int j=0;j


                    
                    

你可能感兴趣的:(网站建设,J2EE)