点第一个下拉列表框选择**省，整个页面刷新，**省下对应的地区(市)在第二个下拉列表框显示出来

谢谢！
我去www.hotmail.com看了一下会员注册的源代码，没太弄明白。

解决方案 »

  1.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>请选择</title>
    <title>下拉列表示例</title>
    </head>
    <SCRIPT language=JavaScript>
    function setcategory(S){
    S.category.length=26;
    S.category.options[0].value="A";
    S.category.options[0].text="北京市";
    S.category.options[1].value="B";
    S.category.options[1].text="上海市";
    S.category.options[2].value="C";
    S.category.options[2].text="天津市";
    S.category.options[3].value="D";
    S.category.options[3].text="重庆市";
    S.category.options[4].value="E";
    S.category.options[4].text="广东省";
    S.category.options[5].value="F";
    S.category.options[5].text="浙江省";
    S.category.options[6].value="G";
    S.category.options[6].text="福建省";
    S.category.options[7].value="H";
    S.category.options[7].text="海南省";
    S.category.options[8].value="I";
    S.category.options[8].text="江苏省";
    S.category.options[9].value="J";
    S.category.options[9].text="安徽省";
    S.category.options[10].value="K";
    S.category.options[10].text="河北省";
    S.category.options[11].value="L";
    S.category.options[11].text="山西省";
    S.category.options[12].value="M";
    S.category.options[12].text="内蒙古";
    S.category.options[13].value="N";
    S.category.options[13].text="辽宁省";
    S.category.options[14].value="O";
    S.category.options[14].text="吉林省";
    S.category.options[15].value="P";
    S.category.options[15].text="黑龙江";
    S.category.options[16].value="Q";
    S.category.options[16].text="江西省";
    S.category.options[17].value="R";
    S.category.options[17].text="山东省";
    S.category.options[18].value="S";
    S.category.options[18].text="河南省";
    S.category.options[19].value="T";
    S.category.options[19].text="湖北省";
    S.category.options[20].value="U";
    S.category.options[20].text="湖南省";
    S.category.options[21].value="V";
    S.category.options[21].text="广西省";
    S.category.options[22].value="W";
    S.category.options[22].text="四川省";
    S.category.options[23].value="X";
    S.category.options[23].text="贵州省";
    S.category.options[24].value="Y";
    S.category.options[24].text="云南省";
    S.category.options[25].value="无";
    S.category.options[25].text="**请选择省份**";
    S.category.options[25].selected=true;
    }
    function setsmall_cat(D){
    var valuecategory=D.category.options[D.category.selectedIndex].value;
    if(valuecategory.indexOf("无")==0){
    D.small_cat.length=1;D.small_cat.options[0].value="无";
    D.small_cat.options[0].text="**请选择城市**"
    D.small_cat.options[0].selected=true;
    }else if(valuecategory.indexOf("A")==0){
    D.small_cat.length=1;
    D.small_cat.options[0].value="A001";
    D.small_cat.options[0].text="北京市";
    }else if(valuecategory.indexOf("B")==0){
    D.small_cat.length=1;
    D.small_cat.options[0].value="B001";
    D.small_cat.options[0].text="上海市";
    }else if(valuecategory.indexOf("C")==0){
    D.small_cat.length=1;
    D.small_cat.options[0].value="C001";
    D.small_cat.options[0].text="天津市";
    }else if(valuecategory.indexOf("D")==0){
    D.small_cat.length=1;
    D.small_cat.options[0].value="D001";
    D.small_cat.options[0].text="重庆市";
    }else if(valuecategory.indexOf("E")==0){
    D.small_cat.length=5;
    D.small_cat.options[0].value="E001";
    D.small_cat.options[0].text="广州市";
    D.small_cat.options[1].value="E002";
    D.small_cat.options[1].text="深圳市";
    D.small_cat.options[2].value="E003";
    D.small_cat.options[2].text="珠海市";
    D.small_cat.options[3].value="E004";
    D.small_cat.options[3].text="茂名市";
    D.small_cat.options[4].value="E005";
    D.small_cat.options[4].text="中山市";
    }else if(valuecategory.indexOf("F")==0){
    D.small_cat.length=2;
    D.small_cat.options[0].value="F001";
    D.small_cat.options[0].text="杭州市";
    D.small_cat.options[1].value="F002";
    D.small_cat.options[1].text="温州市";
    }else if(valuecategory.indexOf("G")==0){
    D.small_cat.length=2;
    D.small_cat.options[0].value="G001";
    D.small_cat.options[0].text="福州市";
    D.small_cat.options[1].value="G002";
    D.small_cat.options[1].text="厦门市";
    }else if(valuecategory.indexOf("H")==0){
    D.small_cat.length=4;
    D.small_cat.options[0].value="H001";
    D.small_cat.options[0].text="海口市";
    D.small_cat.options[1].value="H002";
    D.small_cat.options[1].text="三亚市";
    D.small_cat.options[2].value="H003";
    D.small_cat.options[2].text="万宁市";
    D.small_cat.options[3].value="H004";
    D.small_cat.options[3].text="五指山市";
    }else if(valuecategory.indexOf("I")==0){
    D.small_cat.length=2;
    D.small_cat.options[0].value="I001";
    D.small_cat.options[0].text="南京市";
    D.small_cat.options[1].value="I002";
      

  2.   

    D.small_cat.options[1].text="苏州市";
    }else if(valuecategory.indexOf("J")==0){
    D.small_cat.length=2;
    D.small_cat.options[0].value="J001";
    D.small_cat.options[0].text="合肥市";
    D.small_cat.options[1].value="J002";
    D.small_cat.options[1].text="安庆市";
    }else if(valuecategory.indexOf("K")==0){
    D.small_cat.length=2;
    D.small_cat.options[0].value="K001";
    D.small_cat.options[0].text="石家庄市";
    D.small_cat.options[1].value="K002";
    D.small_cat.options[1].text="唐山市";
    }else if(valuecategory.indexOf("L")==0){
    D.small_cat.length=2;
    D.small_cat.options[0].value="L001";
    D.small_cat.options[0].text="太原市";
    D.small_cat.options[1].value="L002";
    D.small_cat.options[1].text="大同市";
    }else if(valuecategory.indexOf("M")==0){
    D.small_cat.length=2;
    D.small_cat.options[0].value="M001";
    D.small_cat.options[0].text="呼和浩特";
    D.small_cat.options[1].value="M002";
    D.small_cat.options[1].text="乌海市";
    }else if(valuecategory.indexOf("N")==0){
    D.small_cat.length=2;
    D.small_cat.options[0].value="N001";
    D.small_cat.options[0].text="沈阳市";
    D.small_cat.options[1].value="N002";
    D.small_cat.options[1].text="大连市";
    }else if(valuecategory.indexOf("O")==0){
    D.small_cat.length=2;
    D.small_cat.options[0].value="O001";
    D.small_cat.options[0].text="长春市";
    D.small_cat.options[1].value="O002";
    D.small_cat.options[1].text="通化市";
    }else if(valuecategory.indexOf("P")==0){
    D.small_cat.length=2;
    D.small_cat.options[0].value="P001";
    D.small_cat.options[0].text="哈尔滨市";
    D.small_cat.options[1].value="P002";
    D.small_cat.options[1].text="齐齐哈尔";
    }else if(valuecategory.indexOf("Q")==0){
    D.small_cat.length=2;
    D.small_cat.options[0].value="Q001";
    D.small_cat.options[0].text="南昌市";
    D.small_cat.options[1].value="Q002";
    D.small_cat.options[1].text="九江市";
    }else if(valuecategory.indexOf("R")==0){
    D.small_cat.length=2;
    D.small_cat.options[0].value="R001";
    D.small_cat.options[0].text="济南市";
    D.small_cat.options[1].value="R002";
    D.small_cat.options[1].text="青岛市";
    }else if(valuecategory.indexOf("S")==0){
    D.small_cat.length=2;
    D.small_cat.options[0].value="S001";
    D.small_cat.options[0].text="郑州市";
    D.small_cat.options[1].value="S002";
    D.small_cat.options[1].text="安阳市";
    }else if(valuecategory.indexOf("T")==0){
    D.small_cat.length=2;
    D.small_cat.options[0].value="T001";
    D.small_cat.options[0].text="武汉市";
    D.small_cat.options[1].value="T002";
    D.small_cat.options[1].text="黄石市";
    }else if(valuecategory.indexOf("U")==0){
    D.small_cat.length=2;
    D.small_cat.options[0].value="U001";
    D.small_cat.options[0].text="长沙市";
    D.small_cat.options[1].value="U002";
    D.small_cat.options[1].text="岳阳市";
    }else if(valuecategory.indexOf("V")==0){
    D.small_cat.length=2;
    D.small_cat.options[0].value="V001";
    D.small_cat.options[0].text="南宁市";
    D.small_cat.options[1].value="V002";
    D.small_cat.options[1].text="柳州市";
    }else if(valuecategory.indexOf("W")==0){
    D.small_cat.length=2;
    D.small_cat.options[0].value="W001";
    D.small_cat.options[0].text="成都市";
    D.small_cat.options[1].value="W002";
    D.small_cat.options[1].text="乐山市";
    }else if(valuecategory.indexOf("X")==0){
    D.small_cat.length=2;
    D.small_cat.options[0].value="X001";
    D.small_cat.options[0].text="贵阳市";
    D.small_cat.options[1].value="X002";
    D.small_cat.options[1].text="遵义市";
    } 
    }
    </script>
    <body onload=setcategory(document.select);setsmall_cat(document.select)>
    <Form name="select" method="POST" action="xxx.asp">
    <center>
    <Table>
    <TR>                                                                               <td>请选择：</td> 
     <TD ><SELECT  onchange=setsmall_cat(document.select) name=category size="1" ></SELECT> <SELECT  name=small_cat size="1" ></SELECT> </TD>
    </TR>
    </Table></center>
    </Form></body>
    </html>
      

  3.   

    风格不好， 用switch比较好。
      

  4.   

    第二个下拉列表框中的所有数据是要根据第一个列表框中选择的值，再从数据库中取出来的。而不是提前写在html语句中。
    不过，既然功能实现了，就先给你20分吧。写了那么多，真辛苦！:)
      

  5.   

    太长，留个e-mail，发给你吧。
      

  6.   

    看看www.lebo.cn，绝对是你要的效果。
      

  7.   

    谢谢各路英雄豪杰！
    小弟的E_mail是：[email protected]
      

  8.   

    <form name=form1>
    <select name=province onchange="cityName(this.selectedIndex)">
      <option value="">请选择省名</option>
    </select><select name=city>
      <option value="">请选择城名</option>
    </select>
    </form><script language=javascript>var provinceName = ["浙江", "江苏", "安徽", "江西"];
    var city1 = ["杭州", "宁波", "温州", "绍兴", "金华", "湖州"];
    var city2 = ["南京", "苏州", "无锡", "常州", "镇江", "徐州"];
    var city3 = ["合肥", "翕县", "黄山", "祁门", "休宁"];
    var city4 = ["南昌", "九江", "赣州", "上饶", "新余", "景德镇"]; 
    function province()
    {    var e = document.form1.province;
        for (var i=0; i<provinceName.length; i++)
           e.options.add(new Option(provinceName[i], provinceName[i]));
    }
    function cityName(n)
    {
        var e = document.form1.city;
        e.options.length = 1;
        if (n == 0) return;
        var a = eval("city"+ n); //得到城市的数组名
        for (var i=0; i<a.length; i++) e.options.add(new Option(a[i], a[i]));
    }
    window.attachEvent("onload", province);  //初始时给省名下拉框赋内容
    </script>
      

  9.   

    <!--#include file="conn.asp"--><html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    <title>New Page 1</title>
    </head>
    <body>
    <%
    dim rs
    dim sql
    dim count
    set rs=server.createobject("adodb.recordset")
    sql = "select * from shiinfo order by id asc"
    rs.open sql,conn,1,1
    %><SCRIPT language="JavaScript">
    var onecount;
    onecount=0;
    subcat = new Array();
            <%
            count = 0
            do while not rs.eof 
            %>
    subcat[<%=count%>] = new Array("<%= trim(rs("shiname"))%>","<%= trim(rs("shengcode"))%>","<%= trim(rs("id"))%>");
            <%
            count = count + 1
            rs.movenext
            loop
            rs.close
            %>
    onecount=<%=count%>;
    function changelocation(locationid)
        {
        document.form1.cid.length = 0; 
        var locationid=locationid;
        var i;
        for (i=0;i < onecount; i++)
            {
                if (subcat[i][1] == locationid)
                { 
                    document.form1.cid.options[document.form1.cid.length] = new Option(subcat[i][0], subcat[i][2]);
                }        
            }
        }    </SCRIPT>
    <SCRIPT language="javascript">
    <!--
    function CheckForm()
    {
    document.form1.txtcontent.value=document.form1.doc_html.value;
    return true
    }
    //-->
    </SCRIPT>
    <form name=form1 onsubmit="check()">
    省份 <%
            sql = "select * from shenginfo"
            rs.open sql,conn,1,1
    if rs.eof and rs.bof then
    response.write "请先添加省份。"
    response.end
    else
    %>
            <SELECT name="sid" onChange="changelocation(document.form1.sid.options[document.form1.sid.selectedIndex].value)" ><% 
            do while not rs.eof
    %><OPTION selected value="<%=trim(rs("id"))%>"><%=trim(rs("shengname"))%></OPTION>
    <%
            rs.movenext
            loop
    end if
            rs.close
    %>
    </SELECT> 
    城市：<SELECT name="cid">
    <OPTION selected value="">==请选城市==</OPTION>
          </SELECT>
    </form>
    </body>
    </html>
      

  10.   

    一点儿不错，www.lebo.cn（会员注册）正是我想要的，源程序怎么写的呢？
      

  11.   

    这种东西现在一般通过iframe动态加载。http://product.tech.sina.com.cn/db/price/index.php看看这个
      

  12.   

    关注ing...
    to----->tuoshi(小才)兄:
     能不能给我也发一份呢?谢谢!!!
     msn:[email protected]
      

  13.   

    xiangtian8(向天):你的方法可以实现，我用jsp更改了一下也很好用，谢谢！本来该给你50分的，但是之前已经说过给longshenwang(独眼龙)20分。就只好给你30分啦。