如何实现两个select框的交互啊？

原贴：http://expert.csdn.net/Expert/topic/1039/1039385.xml?temp=.4431726
这是思归的：
what is the question? if you want to change the selection for Select2 based on the selection for Select1, try something like
<HTML>
<HEAD>
<TITLE>测试！</TITLE>
<script language="javascript">
function ChangeItem()
{
   var sel = document.form1.select1;
   var n = sel.selectedIndex;
   if (n == 0)
       document.form1.select2.selectedIndex = 0;
   else if (n==1)
       document.form1.select2.selectedIndex = 3; 
}
</script>
</HEAD>
<BODY onload="ChangeItem()">
<form name="form1" method="post" action="" ID="Form1">
<select name="select1" onchange="ChangeItem()" ID="Select1">
<option value="1">好</option>
<option value="0">不好</option>
</select>
<select name="select2" ID="Select2">
<option value="10" >10</option>
<option value="20">20</option>
<option value="30">30</option>
<option value="40">40</option>
</select>
</form>
</BODY>
</HTML>

解决方案 »

  1.   

    <script>
    selarray=new Array();
    selarray[0]=new Array();
    selarray[1]=new Array();
    selarray[2]=new Array();
    selarray[0][0]="车号1";
    selarray[0][1]="车号2";
    selarray[0][2]="车号3";
    selarray[1][0]="车号4";
    selarray[1][1]="车号5";
    selarray[2][2]="车号6";
    selarray[2][0]="车号7";
    selarray[2][1]="车号8";
    selarray[2][2]="车号9";function upData_fg_set_car(obj)
    {document.all.mysel.length=0;
    for(i=0;i<selarray[obj.value].length;i++)
    {
    document.all.mysel.options.length++;
    document.all.mysel.options[i].text=selarray[obj.value][i];
    }
    }
    </script>
    <SELECT CLASS="main-Select" size=1 STYLE="WIDTH=80px" name="SEL_CAR_TYPE_SNM" ONCHANGE="upData_fg_set_car(this)">
    <OPTION value=0>车种1</OPTION>
    <OPTION value=1>车种2</OPTION>
    <OPTION value=2>车种3</OPTION>
    </SELECT>
    <select name=mysel>
    </select>
      

  2.   

    http://expert.csdn.net/Expert/TopicView1.asp?id=723099<select name=SEL_CAR_TYPE_SNM></select>
    <select name=SEL_CAR_NUM_SNM></select>
    <input name=result><script>
    var arrSel=["SEL_CAR_TYPE_SNM","SEL_CAR_NUM_SNM"];//arrSel定义了要修改的下拉框
    var i=0,arrData=[];//arrData中搁的是数据,每条都显示各级的数据
    arrData[i++]=["车种1","车号1"]
    arrData[i++]=["车种1","车号2"]
    arrData[i++]=["车种1","车号3"]
    arrData[i++]=["车种1","车号4"]
    arrData[i++]=["车种2","车号5"]
    arrData[i++]=["车种2","车号6"]
    arrData[i++]=["车种2","车号7"]
    arrData[i++]=["车种3","车号8"]
    arrData[i++]=["车种3","车号9"]
    arrData[i++]=["车种4","车号0"]
    </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.join(",")+")";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>