提供你我写的两篇文章,实现了你要求的功能。
同时有源代码希望对你有帮助。http://www.csdn.net/Develop/read_article.asp?id=11639
http://www.csdn.net/Develop/read_article.asp?id=11641

解决方案 »

  1.   

    其实很简单:
    <SELECT onchange="JavaScript:city.value=this.value;"> 
    这是第一个的<SELECT>。
      

  2.   

    试试这个:
     try something like this: <xml id="xmldata"> 
    <government> 
    <province name="Beijing" value="1"> 
    <city name="Beijing" value="2" /> 
    </province> 
    <province name="Guang Dong" value="3"> 
    <city name="Guang Zhou" value="4" /> 
    <city name="Fo Shan" value="5" /> 
    <city name="Shen Zhen" value="6" /> 
    </province> 
    <province name="Zhe Jiang" value="7"> 
    <city name="Hang Zhou" value="8" /> 
    <city name="Weng Zhou" value="9" /> 
    <city name="Ning Bo" value="10" /> 
    </province> 
    </government> 
    </xml> <body onload="init()"> 
    <form name="frmprovince"> 
    Privince:<select name="provincelist" onchange="changeCity(this.selectedIndex);"> 
    </select> 
    </form> <form name="frmcity"> 
    City:<select name="citylist"> 
    </select> 
    </form> 
    </body> 
    <script language="javascript"> 
    function fillList(oList, nodes) 

    oList.options.length = 0; 
    if (nodes) 

    for (var i=0; i < nodes.length; i++) 

    var opt = new Option(nodes[i].getAttribute("name"),nodes[i].getAttribute("value")); 
    oList.options.add(opt); 


    } function changeCity(n) 

    if (n >=0) 

    fillList(frmcity.citylist,xmldata.documentElement.childNodes[n].childNodes); 

    } function init() 

    fillList(frmprovince.provincelist,xmldata.documentElement.childNodes); 
    changeCity(0); 

    </script>
      

  3.   

    try something like this: <xml id="xmldata"> 
    <government> 
    <province name="Beijing" value="1"> 
    <city name="Beijing" value="2" /> 
    </province> 
    <province name="Guang Dong" value="3"> 
    <city name="Guang Zhou" value="4" /> 
    <city name="Fo Shan" value="5" /> 
    <city name="Shen Zhen" value="6" /> 
    </province> 
    <province name="Zhe Jiang" value="7"> 
    <city name="Hang Zhou" value="8" /> 
    <city name="Weng Zhou" value="9" /> 
    <city name="Ning Bo" value="10" /> 
    </province> 
    </government> 
    </xml> <body onload="init()"> 
    <form name="frmprovince"> 
    Privince:<select name="provincelist" onchange="changeCity(this.selectedIndex);"> 
    </select> 
    </form> <form name="frmcity"> 
    City:<select name="citylist"> 
    </select> 
    </form> 
    </body> 
    <script language="javascript"> 
    function fillList(oList, nodes) 

    oList.options.length = 0; 
    if (nodes) 

    for (var i=0; i < nodes.length; i++) 

    var opt = new Option(nodes[i].getAttribute("name"),nodes[i].getAttribute("value")); 
    oList.options.add(opt); 


    } function changeCity(n) 

    if (n >=0) 

    fillList(frmcity.citylist,xmldata.documentElement.childNodes[n].childNodes); 

    } function init() 

    fillList(frmprovince.provincelist,xmldata.documentElement.childNodes); 
    changeCity(0); 

    </script>