在一个页面里有两个select选择下拉框！ 怎么有第一个控制第二个的选择内容？

用“下拉联动”搜索，可以有好多例子
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function Call(){
if(s1.options[0].selected){
s2.options[0].selected = true;
s2.options[1].selected = false;
}else{
s2.options[0].selected = false;
s2.options[1].selected = true;
}
}
//-->
</SCRIPT></HEAD><BODY>
<select name="s1" onChange="Call()">
        <option value="1">1</option>
        <option value="2">2</option>
      </select><select name="s2">
<option value="3">3</option>
        <option value="4">4</option>
</select>
</BODY>
</HTML>

解决方案 »

  1.   

    并不是就要连动。
    在s1 change时
    而是要设置s2 的 option value 有几个
      

  2.   

    一样的道理
    看看这个例子你应该知道怎么样处理了
    function loads(){
    var now_date=new Date();
    var now_year=now_date.getYear();
    var oOption = document.createElement('OPTION');
    oOption.text = now_year;
    oOption.value = now_year;
    year.options.add(oOption);
    for(var i=0;i<year.length;i++){
    if(year.options[i].text=now_year){
    oOption.value = now_year;
    year.options[i].selected=true;
    }
    }}
      

  3.   

    都是在s1 onchang时触发就可以了
      

  4.   

    其實也不必這麽麻煩  如果你是 jsp，那麽那個按鈕一點，就提交給本頁面
    這樣得到了 對應的值 當然就可以處理下一個select了
    不過這樣的方法並不好，最好還是看看jscript 來得方便些
      

  5.   

    var record0= new Array(<%=count+1%>);
    var record1= new Array(<%=count+1%>);
    var record2= new Array(<%=count+1%>);function ChangSF()
    { var i,iCount;
    var strColumnName,strColumnNameCN;
    var objList,objList1;
    iCount=document.form1.OldDQ.length;
    if(iCount>0)
    {
    for(i=iCount-1;i>=0;i--)
    {
    document.form1.OldDQ.selectedIndex=i;
    strColumnName=document.form1.OldDQ.options(i).value;
    strColumnNameCN=document.form1.OldDQ.options(i).text;
    objList=document.createElement("option");
    objList.value=strColumnName;
    objList.text=strColumnNameCN;
    document.form1.OldDQ.remove(objList);

    document.form1.DeleteDQ.selectedIndex=i;
    strColumnName=document.form1.DeleteDQ.options(i).value;
    strColumnNameCN=document.form1.DeleteDQ.options(i).text;
    objList1=document.createElement("option");
    objList1.value=strColumnName;
    objList1.text=strColumnNameCN;
    document.form1.DeleteDQ.remove(objList1);
    }
    }

    var id = document.form1.SF.value ;
    var len = record2.length;
    for (var i=0;i<len-1;i++)
    {
    if (id!='0')
    {
       if (record2[i]==id){
    var Opt=document.createElement("option");
    Opt.value= record0[i];
    Opt.text= record1[i];
    document.form1.OldDQ.options.add(Opt);
    var Opt1=document.createElement("option");
    Opt1.value= record0[i];
    Opt1.text= record1[i];
            document.form1.DeleteDQ.options.add(Opt1);
       }
     }else{
       
    //var Opt=document.createElement("option");
    //Opt.value= record0[i];
    //Opt.text= record1[i];
    //document.form1.OldDQ.options.add(Opt);
    //var Opt1=document.createElement("option");
    //Opt1.value= record0[i];
    //Opt1.text= record1[i];
        // document.form1.DeleteDQ.options.add(Opt1);
    }
    }

    }
    这有个例子好好看看吧
    方法
    从父select中读出选取的值，然后从数组中找和此值相等的索引，添加当前索引值。
      

  6.   

    http://www.baron.com.cn/javascript/index2.asp