三级联动

 

代码

<! 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 >

 

 

转载于:https://www.cnblogs.com/Tokyo/archive/2010/07/14/1777405.html