我的ASP网页中有两个选择框A,B
A中是从数据库中读取的“大类”数据
B中是小类数据
当A中选择发生变化时,相应的B中的小类也要发生变化~
这个怎么做啊~

解决方案 »

  1.   

    那用JSP怎么做啊?我刚接触ASP的~
      

  2.   

    用数组保存小类数据到客户端的变量,如果大类改变就调用Script去得到相应的小类数据填进选择框。
      

  3.   

    你把这个帖子放到Web开发的javacript版,很快就有答案了
      

  4.   

    http://expert.csdn.net/Expert/topic/2393/2393230.xml?temp=.5660822
      

  5.   

    采用交错数组:JAVASCRIPT:<script language="JavaScript">kindArray = new Array;
    kindArray[0] = new Array("1-1","1-2","1-3");
    kindArray[1] = new Array("2-1","2-2","2-3","2-4","2-5");
    kindArray[2] = new Array("3-1");function series_onchange() 

      index = document.search.series.selectedIndex; 
      var i;
      document.search.model.length = 0;
      for( i=0; i<=kindArray[index].length-1; i++ )
    {
    document.search.model.options[i] = new Option(kindArray[index][2*i-1]);
    document.search.model.options[i].Value=kindArray[index][2*i];
    }
    } </script>HTML:<select name="series" style='WIDTH:110px'onChange="series_onchange()" class=option01>
    <option selected>1</option>
    <option>2</option>
    <option>3</option>
    </select>
      

  6.   

    采用交错数组:JAVASCRIPT:<script language="JavaScript">kindArray = new Array;
    kindArray[0] = new Array("1-1","1-2","1-3");
    kindArray[1] = new Array("2-1","2-2","2-3","2-4","2-5");
    kindArray[2] = new Array("3-1");function series_onchange() 

      index = document.search.series.selectedIndex; 
      var i;
      document.search.model.length = 0;
      for( i=0; i<=kindArray[index].length-1; i++ )
    {
    document.search.model.options[i] = new Option(kindArray[index][2*i-1]);
    document.search.model.options[i].Value=kindArray[index][2*i];
    }
    } </script>HTML:<select name="series" style='WIDTH:110px'onChange="series_onchange()" class=option01>
    <option selected>1</option>
    <option>2</option>
    <option>3</option>
    </select>
      

  7.   

    这个可以不关asp的事,用xml数据岛解决<title>xml数据岛</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <xml id="xmlData">
    <root>
    <departments>
    <department><departmentName>计算机科学系</departmentName></department>
    <department><departmentName>会计系</departmentName></department>
    <department><departmentName>经济管理系</departmentName></department>
    <department><departmentName>公共管理系</departmentName></department>
    <department><departmentName>商务美术系</departmentName></department>
    </departments>
    <classes>
    <class><className>2001电1</className><departmentName>会计系</departmentName><major></major></class>
    <class><className>2001电2</className><departmentName>会计系</departmentName><major></major></class>
    <class><className>2001高职计1</className><departmentName>计算机科学系</departmentName><major></major></class>
    <class><className>2001高职计2</className><departmentName>计算机科学系</departmentName><major></major></class>
    <class><className>2001高职旅游</className><departmentName>经济管理系</departmentName><major></major></class>
    <class><className>2001高职文秘</className><departmentName>公共管理系</departmentName><major></major></class>
    <class><className>2001计1</className><departmentName>计算机科学系</departmentName><major></major></class>
    <class><className>2001计2</className><departmentName>计算机科学系</departmentName><major></major></class>
    <class><className>2001经法</className><departmentName>经济管理系</departmentName><major></major></class>
    <class><className>2001旅游</className><departmentName>经济管理系</departmentName><major></major></class>
    <class><className>2001商1</className><departmentName>计算机科学系</departmentName><major></major></class>
    <class><className>2001商2</className><departmentName>计算机科学系</departmentName><major></major></class>
    <class><className>2001文秘</className><departmentName>公共管理系</departmentName><major></major></class>
    <class><className>2001装潢</className><departmentName>商务美术系</departmentName><major></major></class>
    <class><className>2002电1</className><departmentName>会计系</departmentName><major></major></class>
    <class><className>2002电2</className><departmentName>会计系</departmentName><major></major></class>
    <class><className>2002电3</className><departmentName>会计系</departmentName><major></major></class>
    <class><className>2002高职计1</className><departmentName>计算机科学系</departmentName><major></major></class>
    <class><className>2002高职旅游</className><departmentName>经济管理系</departmentName><major></major></class>
    <class><className>2002高职证券</className><departmentName>会计系</departmentName><major></major></class>
    <class><className>2002计1</className><departmentName>计算机科学系</departmentName><major></major></class>
    <class><className>2002计2</className><departmentName>计算机科学系</departmentName><major></major></class>
    <class><className>2002计3</className><departmentName>计算机科学系</departmentName><major></major></class>
    <class><className>2002计4</className><departmentName>计算机科学系</departmentName><major></major></class>
    <class><className>2002计5</className><departmentName>计算机科学系</departmentName><major></major></class>
    <class><className>2002商务英语</className><departmentName>公共管理系</departmentName><major></major></class>
    <class><className>2002市场营销</className><departmentName>经济管理系</departmentName><major></major></class>
    <class><className>2002文秘</className><departmentName>公共管理系</departmentName><major></major></class>
    <class><className>2002物业管理</className><departmentName>经济管理系</departmentName><major></major></class>
    <class><className>2002装潢</className><departmentName>商务美术系</departmentName><major></major></class>
    <class><className>2003电1</className><departmentName>会计系</departmentName><major></major></class>
    <class><className>2003电2</className><departmentName>会计系</departmentName><major></major></class>
    <class><className>2003电3</className><departmentName>会计系</departmentName><major></major></class>
    <class><className>2003电4</className><departmentName>会计系</departmentName><major></major></class>
    <class><className>2003计1</className><departmentName>计算机科学系</departmentName><major></major></class>
    <class><className>2003计2</className><departmentName>计算机科学系</departmentName><major></major></class>
    <class><className>2003计3</className><departmentName>计算机科学系</departmentName><major></major></class>
    <class><className>2003计4</className><departmentName>计算机科学系</departmentName><major></major></class>
    <class><className>2003旅游</className><departmentName>经济管理系</departmentName><major></major></class>
    <class><className>2003企管与经贸</className><departmentName>经济管理系</departmentName><major></major></class>
    <class><className>2003文商</className><departmentName>公共管理系</departmentName><major></major></class>
    <class><className>2003装潢</className><departmentName>商务美术系</departmentName><major></major></class>
    </classes>
    </root>
    </xml>系部
    <select name="sDep" style="width:110" onchange="addClasses(this.value,sGrade.value)">
    </select>
    年级
    <select name="sGrade" style="width:60" onchange="addClasses(sDep.value,this.value)">
      <option value="2001">2001</option>
      <option value="2002">2002</option>
      <option value="2003">2003</option>
      <option value="2004">2004</option>
      <option value="2005">2005</option>
      <option value="2006">2006</option>
      <option value="2007">2007</option>
      <option value="2008">2008</option>
    </select>
    班级 
    <select name="sClass" style="width:110">
    </select><script language="JavaScript">
    var i;
    var nodelist,opt;
    var tmpDep;//add departments
    nodelist=xmlData.XMLDocument.selectNodes("/root/departments/department");
    for(i=0;i<nodelist.length;i++)
    {
     opt=document.createElement("option"); 
     opt.value=nodelist.item(i).selectSingleNode("departmentName").text;
     opt.text=nodelist.item(i).selectSingleNode("departmentName").text;
     sDep.add(opt);
    }//filter classes by department
    tmpDep=nodelist.item(0).selectSingleNode("departmentName").text;
    addClasses(tmpDep,sGrade.value);function addClasses(dep,grade)
    {
     for(i=sClass.options.length-1;i>=0;i--) sClass.remove(i);
     
     nodelist=xmlData.XMLDocument.selectNodes("/root/classes/class[departmentName='" + dep + "']");
     for(i=0;i<nodelist.length;i++)
     {
      tmp=nodelist.item(i).selectSingleNode("className").text;
      if(tmp.substring(0,4)==grade) //filter classes by grade
       {opt=document.createElement("option"); 
    opt.value=tmp;
    opt.text=tmp;
    sClass.add(opt);}
     }
    }</script>