form中如何根据前一个select来对调整下一个select的内容？

<form name="doublecombo">
<p>
<select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option>网页特效</option>
<option>插件中心</option>
<option>素材图库</option>
</select>
<select name="stage2" size="1">
<option value="jm.asp">鼠标事件类</option>
<option value="jw.asp">窗体变化类</option>
<option value="jmn.asp">导航菜单类</option>
</select>
<input type="button" name="test" value="Go!"
onClick="go()">
</p>
<script>
<!--
/*
  Double Combo Script Credit
  By Website Abstraction (www.wsabstract.com)
  Over 200+ free JavaScripts here!
  */
var groups=document.doublecombo.example.options.length
  var group=new Array(groups)
  for (I=0; I<groups; I++)
  group[I]=new Array()
group[0][0]=new Option("鼠标事件类","jm.asp")
  group[0][1]=new Option("窗体变化类","jw.asp")
  group[0][2]=new Option("导航菜单类","jmn.asp")
group[1][0]=new Option("DW插件","../dwplug.asp")
  group[1][1]=new Option("FW插件","../fwplug.asp")
  group[1][2]=new Option("PS插件","../psplug.asp")
group[2][0]=new Option("图标图库","../icon.htm")
  group[2][1]=new Option("Banner欣赏","../banner.asp")
  group[2][2]=new Option("精品Logo","../logo.asp")
  group[2][3]=new Option("桌面壁纸","../desktop.asp")
var temp=document.doublecombo.stage2
function redirect(x){
  for (m=temp.options.length-1;m>0;m--)
  temp.options[m]=null
  for (I=0;I<group[x].length;I++){
  temp.options[I]=new Option(group[x][I].text,group[x][I].value)
  }
  temp.options[0].selected=true
  }
function go(){
  location=temp.options[temp.selectedIndex].value
  }
  //-->
  </script>
  </form>

解决方案 »

  1.   

    这是人家写的，我在改着玩，你先看看是不是的。
    <HTML>
    <HEAD>
    <TITLE> 测试！</TITLE>
    <script>
    function ChangeItem(){
    document.form1.select2.options.length=null
    if(document.form1.select1.options[document.form1.select1.selectedIndex].value=="0")
    {
    document.form1.select2.options[0] = new Option("---请选择---","---请选择---")
    }
    if(document.form1.select1.options[document.form1.select1.selectedIndex].value=="1")
    {
    document.form1.select2.options[0] = new Option("---请选择---","---请选择---")
    document.form1.select2.options[1] = new Option("10","10")
    document.form1.select2.options[2] = new Option("20","20")
    }
    }
    </script>
    </HEAD><BODY>
    <form name="form1" method="post" action="">  <select name="select1" OnChange=ChangeItem()>
        <option value="0">---请选择---</option>
    <option value="1">加法</option>
             <option value="2">减法</option>
    <option value="3">乘法</option>
      </select>
      <select name="select2">
      <option value="0">---请选择---</option>
      </select>
    </form>
    </BODY>
    </HTML>