三级联动 文档和代码
如人员管理的对应的界面和代码
其涉及的文件有adminuser_list.jsp 、web.xml和SelectCropDepartServlet2.java、SelectDepartChuServlet.java 两个Servlet类文件。
其对应的adminuser_list.jsp 文件如下。
<%@ page contentType="text/html; charset=gbk" language="java" import="java.sql.*" errorPage="" %>
<%@ page import ="pub.*" %>
<%
int xxxx=Check.CheckPage(request,"admin_adminuser_list");
String Error="";
if (xxxx==1){
Error="<script>alert('你已掉线，需要重新登陆!');top.location.href='../login.jsp'</script>";
}else{
if (xxxx==2){
Error="<script>alert('你无权进入该页面!');history.back();</script>";
}
}
%>
<%=Error%>
<%
if (xxxx!=0){
return;
}
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<title>机构类型设置人员管理</title>
<link href="../css/putong.css" type="text/css" rel="stylesheet">
</head>
<script language="javascript">
var req;
var number='all'; //外,下拉框可显示全部部门&处
window.onload=function()
{
}
function Change_Select(flag)
{
var flag1=flag;//是为了解决onchange()后值要改变＆onload()(查询提交)后值要保存的问题
//alert(flag1);
var zhi = document.getElementById('Corp').value;
var hidden_depart=document.all.HiddenKeyDepart.value;
var url = "../selectCropDepart2?state="+number+"&keyDepart="+hidden_depart+"&id=" + escape(zhi)+"&flag="+flag1;
//alert(url);
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
}else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
}
if(req){
req.open("GET", url, true);
req.onreadystatechange = callback;
req.send(null);
}
}
function callback() {
if (req.readyState == 4) {
if (req.status == 200) {
parseMessage();
// update the HTML DOM based on whether or not message is valid
}else{
alert ("Not able to retrieve description" +req.status+req.statusText);
}
}
}
function parseMessage() {
var xmlDoc = req.responseXML.documentElement;
var xSel = xmlDoc.getElementsByTagName('select');
var select_root = document.getElementById('Depart');
select_root.options.length=0;
for(var i=0;i<xSel.length;i++)
{
var xValue = xSel[i].childNodes[0].firstChild.nodeValue;
var xText = xSel[i].childNodes[1].firstChild.nodeValue;
var option = new Option(xText,xValue);
try
{
select_root.add(option);
}
catch(e)
{
}
}
}
function Change_Select2()
{
var zhi = document.getElementById('Depart').value;
var url = "../selectDepartChu?state="+number+"&id=" + escape(zhi);
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
}else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
}
if(req){
req.open("GET", url, true);
req.onreadystatechange = callback2;
req.send(null);
}
}
function callback2() {
if (req.readyState == 4) {
if (req.status == 200) {
parseMessage2();
// update the HTML DOM based on whether or not message is valid
}else{
alert ("Not able to retrieve description" +req.status+req.statusText);
}
}
}
function parseMessage2() {
var xmlDoc = req.responseXML.documentElement;
var xSel = xmlDoc.getElementsByTagName('select');
var select_root = document.getElementById('
select_root.options.length=0;
for(var i=0;i<xSel.length;i++)
{
var xValue = xSel[i].childNodes[0].firstChild.nodeValue;
var xText = xSel[i].childNodes[1].firstChild.nodeValue;
var option = new Option(xText,xValue);
try
{