你是想純用js來寫的?還是要從database取得數據?
不過無論如果,你是要用onchange這一個事件了

解决方案 »

  1.   


    <html>
    <head>
    <title>List</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script LANGUAGE="javascript">
    <!--
    var onecount;
    onecount=0;
        
    subcat = new Array();
    subcat[0] = new Array("徐汇区","01","001");
    subcat[1] = new Array("嘉定区","01","002");
    subcat[2] = new Array("黄浦区","01","003");
    subcat[3] = new Array("南昌市","02","004");
    subcat[4] = new Array("九江市","02","005");
    subcat[5] = new Array("上饶市","02","006");onecount=6;function changelocation(locationid)
        {
        document.myform.smalllocation.length = 0;     var locationid=locationid;
        var i;
        document.myform.smalllocation.options[0] = new Option('====所有地区====','');
        for (i=0;i < onecount; i++)
            {
                if (subcat[i][1] == locationid)
                { 
                document.myform.smalllocation.options[document.myform.smalllocation.length] = new Option(subcat[i][0], subcat[i][2]);
                }        
            }
            
        }    //-->
    </script>
    </head>
    <body>
    <form name="myform" method="post">
        <select name="biglocation" onChange="changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedIndex].value)">
            <option value="01" selected>上海</option>
            <option value="02">江西</option>
        </select>
        <select name="smalllocation"> 
            <option selected value="">==所有地区==</option>
        </select>
    </form>
    <script LANGUAGE="javascript"> 
    <!-- 
        changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedIndex].value); 
    //--> 
    </script>
    </body>
    </html>
      

  2.   

    嗯!基本上是这样的,但是还一点区别,就是后边那个所在地区的select的表单是通过触发前边的某一条信息二线显示出来的,按照你这个上边的来说就是,当选择“上海“的时候,后边的“所在地区”的select表单整个就没有,当点击选择“江西”后边的“所在地区”的select表单整个就跳出来了,里边的信息是固定的。
      

  3.   

    funciton change()
    {
      if form1.select1.value=="sex"
         {
     window.form1.sign.value="不限";
               myElm=document.createElement("option");
       myElm.text="男";
       window.form1.sign.add(myElm);
       myElm.text="女";
       window.form1.sign.add(myElm);
       }
        
    }
    看一下这个函数