三级联动
代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
function CreateXMLDoc(xmlFilePath)
{
if (window.ActiveXObject)
{
var msXMLdom = new ActiveXObject('Microsoft.XMLDOM');
msXMLdom.async = false;
msXMLdom.load(xmlFilePath);
return msXMLdom;
}
else
{
var oXmlHttp = new XMLHttpRequest() ;
oXmlHttp.open( "GET", xmlFilePath, false ) ;
oXmlHttp.send(null) ;
return oXmlHttp.responseXML;
}
}
function fun(){
var xmldoc = CreateXMLDoc("district.xml");
var root = xmldoc.documentElement;
allNodes = root.childNodes;
for (var i=0;i<allNodes.length ;i++ )
{
document.getElementById("sel").options[i]=new Option(allNodes[i].getAttribute("text"));
}
}
function fun1(index){
document.getElementById("sell").length=0;
alln=allNodes[index].childNodes;
for (var i=0;i<alln.length ;i++ )
{
document.getElementById("sell").options[i]=new Option(alln[i].getAttribute("text"));
}
funll(0)
}
function funll(index){
document.getElementById("selll").length=0;
allnn=alln[index].childNodes;
for (var i=0;i<allnn.length ;i++ )
{
document.getElementById("selll").options[i]=new Option(allnn[i].getAttribute("text"));
}
}
//-->
</SCRIPT>
</HEAD>
<BODY onload="fun()">
<SELECT NAME="" id="sel" onchange="fun1(this.selectedIndex)">
</SELECT>
<SELECT NAME="" id="sell" onchange="funll(this.selectedIndex)">
</SELECT>
<SELECT NAME="" id="selll">
</SELECT>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
function CreateXMLDoc(xmlFilePath)
{
if (window.ActiveXObject)
{
var msXMLdom = new ActiveXObject('Microsoft.XMLDOM');
msXMLdom.async = false;
msXMLdom.load(xmlFilePath);
return msXMLdom;
}
else
{
var oXmlHttp = new XMLHttpRequest() ;
oXmlHttp.open( "GET", xmlFilePath, false ) ;
oXmlHttp.send(null) ;
return oXmlHttp.responseXML;
}
}
function fun(){
var xmldoc = CreateXMLDoc("district.xml");
var root = xmldoc.documentElement;
allNodes = root.childNodes;
for (var i=0;i<allNodes.length ;i++ )
{
document.getElementById("sel").options[i]=new Option(allNodes[i].getAttribute("text"));
}
}
function fun1(index){
document.getElementById("sell").length=0;
alln=allNodes[index].childNodes;
for (var i=0;i<alln.length ;i++ )
{
document.getElementById("sell").options[i]=new Option(alln[i].getAttribute("text"));
}
funll(0)
}
function funll(index){
document.getElementById("selll").length=0;
allnn=alln[index].childNodes;
for (var i=0;i<allnn.length ;i++ )
{
document.getElementById("selll").options[i]=new Option(allnn[i].getAttribute("text"));
}
}
//-->
</SCRIPT>
</HEAD>
<BODY onload="fun()">
<SELECT NAME="" id="sel" onchange="fun1(this.selectedIndex)">
</SELECT>
<SELECT NAME="" id="sell" onchange="funll(this.selectedIndex)">
</SELECT>
<SELECT NAME="" id="selll">
</SELECT>
</BODY>
</HTML>