请教，下拉列表框的问题

modify from msdn sample<BODY>
<FORM>
<P>Select a different option in the
   drop-down list box to trigger the onchange event.
  <SELECT NAME=selTest
     onchange="document.all('selTest2').value=this.options[this.selectedIndex].value;//document.all('selTest2').selectedIndex=this.selectedIndex;">
    <OPTION VALUE="Books">Books
    <OPTION VALUE="Clothing">Clothing
    <OPTION VALUE="Housewares">Housewares
  </SELECT>
  <SELECT NAME=selTest2
     onchange="alert('Index: ' + this.selectedIndex
     + '\nValue: ' + this.options[this.selectedIndex].value)">
    <OPTION VALUE="Books">Books
    <OPTION VALUE="Clothing">Clothing
    <OPTION VALUE="Housewares">Housewares
  </SELECT>
</FORM>
</BODY>

解决方案 »

  1.   

    <select name=one></select>
    <select name=two></select>
    <select name=three></select>
    <select name=four></select>
    <input name=result><script>
    var arrSel=["one","two","three","four"];//arrSel定义了要修改的下拉框
    var i=0,arrData=[];//arrData中搁的是数据,每条都显示各级的数据
    arrData[i++]=["2000","4","14","一点"]
    arrData[i++]=["2000","4","14","二点"]
    arrData[i++]=["2000","4","18","三点"]
    arrData[i++]=["2000","7","14","二点"]
    arrData[i++]=["2001","6","15","二点"]
    arrData[i++]=["2001","6","23","七点"]
    arrData[i++]=["2001","8","18","二点"]
    arrData[i++]=["2002","7","1","二点"]
    arrData[i++]=["2002","7","1","三点"]
    arrData[i++]=["2002","7","11","二点"]
    arrData[i++]=["2002","7","19","二点"]
    </script>
    <script>
    function qswhInit(num){
    /******* by qiushuiwuhen(2002-5-15) ********/
    var i,j,arrTemp=[];
    for(i=0;i<num;i++)arrTemp[i]=document.all(arrSel[i]).options[document.all(arrSel[i]).selectedIndex].text
    if(num==arrSel.length){//这里处理最后的数据。
    document.all("result").value="选中了("+arrTemp[0]+","+arrTemp[1]+","+arrTemp[2]+","+arrTemp[3]+")";return;
    }
    with(document.all(arrSel[num])){
    length=0
    for(i=0;i<arrData.length;i++){
    for(j=0;j<num;j++)if(arrTemp[j]!=arrData[i][j])break;
    if(j!=num)continue;
    if(length==0||options[length-1].text!=arrData[i][num])
    options[length++].text=arrData[i][num];
    }
    onchange=new Function("qswhInit("+(num+1)+")");
    onchange();
    }
    }
    qswhInit(0);//初始化
    </script>
      

  2.   

    <SCRIPT LANGUAGE="JavaScript">
    var mengArray =  new Array("('第一章','',true,true)",
    "('第一章第1节')",
    "('第一章第2节')",
    "('第一章第3节')");
    var meng1Array =  new Array("('第二章','',true,true)",
    "('第二章第1节')",
    "('第二章第2节')",
    "('第二章第3节')");
    function populatemxhweb(inForm,selected) {
    var selectedArray = eval(selected + "Array");
    while (selectedArray.length < inForm.select1.options.length) {
    inForm.select1.options[(inForm.select1.options.length - 1)] = null;
    }
    for (var i=0; i < selectedArray.length; i++) {
    eval("inForm.select1.options[i]=" + "new Option" + selectedArray[i]);
    }
    }</script>
    <form name=globe>
    <SELECT name=chapter onChange="populatemxhweb(document.globe,this.options[selectedIndex].value)">
    <OPTION selected value=meng>第一章</OPTION>
    <OPTION value=meng1>第二章</OPTION>
    </SELECT>
    <SELECT name=select1>
    <OPTION selected></OPTION></SELECT>
    </form>