做了个联动下拉框
第一个的改变 ,第二个下拉框就跟着改变
现在有个问题:
如何得到第二个下拉框的当前值?有没有高手知道
谢谢

解决方案 »

  1.   

    把你的代码拿上来 懒得写在第二个下拉 加个onchange事件 取
      

  2.   


    function txt_change(start,last){
    var start_time = document.getElementById(start);
    var last_time = document.getElementById(last);
    for(var i=0;i<start_time.length;i++){
    if(start_time.selectedIndex==i){
    last_time.innerHTML='';
    for(var j=i;j<24;j++){
    var time_option=document.createElement('option');
    time_option.value=j;
    var text = document.createTextNode(j);
    time_option.appendChild(text);
    last_time.appendChild(time_option);
    }
    }
    }
    }
      

  3.   

    我调用另一个onchange事件,但是里面要判断
    第一个下拉框和第二个下拉框的值是否相等
      

  4.   


    <html>
    <head><title>动态下拉菜单</title><style>
    select.smallSel{
    background-color:white;
    color:#000080;
    font-size:9pt}
    </style><script language="javascript">var info=new Array("杂文*弥天大谎的背后|院士相当于副省级?|为教育打几个机灵|预算黑洞一例|
       官不贵,民不贱|生了麻烦|轿车不如轿子说|这回确是个别|血和泪构成的笑话|给张艺谋松绑吧",
       "做并享受着*与白岩松笑谈|比谁写的后");
    var infoA=new Array("环球风采*法国建成绿色学校|俄罗斯第一夫人温情谈恋史|法国人才外流有原因|
       德国电脑人才可破例|德国慕尼黑啤酒节",
       "人物春秋*我所知道的胡乔木|自信些,迎接全球化|红与黑");var mywork=new Array("",info,infoA);
    function stringSplit(string,delimiter){
       if(string==null || string==""){
         return null;
          }else if(string.split!=null){
           return string.split(delimiter);
             }else{
               var ar=new Array();
               var i=0;
               var start=0;
             while(start>=0 && start<string.length){
             var end=string.indexOf(delimiter,start);
             if(end>=0){
             ar[i++]=string.substring(start,end);
             start=end+1;
              }else{
                ar[i++]=string.substring(start,string.length);
                 start=-1;
                  }
          }
            return ar;
       }
    }
    var menu1=new Array();
    var menu2=new Array();function createMenus(wh){
          var infoname=new Array();
          infoname=mywork[wh];
          for(var i=0;i<infoname.length;i++){
          menu1[i]=stringSplit(infoname[i],'*');
          menu2[i]=stringSplit(menu1[i][1],'|');
        }
         var author=document.myForm.main;
         var book=document.myForm.title;
         author.length=infoname.length;
         book.length=menu2[0].length;
         for(var i=0;i<infoname.length;i++){
         author.options[i].value=menu1[i][0];
         author.options[i].text=menu1[i][0];
        }
        document.myForm.main.selected=0;
        for(var x=0;x<menu2[0].length;x++){
        book.options[x].text=menu2[0][x];
        book.options[x].value=menu2[0][x];
        }
       document.myForm.title.selected=0;
     }function updateMenus(what){
       var sel=what.selectedIndex;
       if(sel>=0 && sel<menu1.length)
       var temp=menu2[sel];
       else
       var temp=new Array();
       what.form.title.length=temp.length;
       for(var i=0;i < temp.length;i++){
       what.form.title.options[i].text=temp[i];
       what.form.title.options[i].value=temp[i];
       }
       what.form.title.selected=0;
     }
     </script></head>
    <body background="" bgcolor="#ffffff" text="#400040" link="#ff0080" vlink="#ff8080" alink="#ff0000">
    <center><h1>动态下拉菜单</h1></center>
    <form action="test2.jsp" name="myForm" method="post"><p>
    分类:&nbsp;
    <select name="my" size="1" onchange="createMenus(document.myForm.my.selectedIndex)" class="smallsel"><option value="info">杂文报</option>
    <option  selected>书刊报</option>
    </select>
    <p>
    作者:&nbsp;
    <select name="main" size="1" onchange="updateMenus(this)" class="smallsel">
    <option>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
    <option></option>
    <option></option>
    </select>
    <p>
    标题:&nbsp;
    <select name="title" size="1" class="smallsel">
    <option>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
    <option></option>
    <option></option>
    </select>
    <input type="button" value="submit" onclick="parent.location.href='http://www.
    heheidaily.com.cn'">
    </form>
    </body>
    </html>
      

  5.   

    function change()
    {
    form1.Select2.SelectedIndex=form1.Select1.SelectedIndex;}
    再到select1控件onchange事件调用该方法就可以了
      

  6.   


    <HTML>
    <head>
    <script type ="text/javascript" src="jquery-1[1].3.2.js"></script>
    <script>
    var str = "";

    jQuery(function($){

    $("#hidd").hide();

    $("#sel").change(function($){

    str = jQuery("#sel > optgroup > option:selected").val();
    if(str == "看下面"){

     jQuery("#sel_1 > optgroup > option").text("变了吧...");

    }else if(str == "在看一次"){

    jQuery("#sel_1 > optgroup > option").text("在给你看一次...");

    }

    });
      });

    </script>
    </head>
    <body>
     <div id="maindiv">
    <a id="c" onclick="test();">点击测试查找ID为C的文本</a><br>

    <hr>
    <div id="divs" style="color:green" ONDBLCLICK="modfiyCSS();" onclick="modfiyCSS();">点击修改DIV的样式</div>
    <br>
    <hr>
    <div id="attr" onclick="modifyAttr();">点击增加DIV的样式</div>
    <br>
    <div id="t" onclick="addTable();">点击增加一个表格</div>
    <br>
    <div id="searchMe" onclick="search();">点击搜索我,并打印内容</div>
    <br>
    <div id="searchMe2" onclick="search2();">点击搜索我的第二种方法</div>
    <br>
    <p>p字段</p>
    <br>

    <select id="sel">
    <optgroup label="test">
    <option>看下面</option>
    <option>在看一次</option>
      </optgroup>
    </select>

    <select id="sel_1">
    <optgroup label="test">
    <option></option>
    <option></option>
      </optgroup>
    </select>

     </div>
    </body>
    </HTML>
      

  7.   

    jquery-1[1].3.2.js
    可以搜索下就出来了..
      

  8.   


    <select id="start_time" onchange="txt_change('start_time','last_time')">
    <option value=0>0</option>
    <option value=1>1</option>
    <option value=2>2</option>
    <option value=3>3</option>
    <option value=4>4</option>
    <option value=5>5</option>
    <option value=6>6</option>
    <option value=7>7</option>
    <option value=8>8</option>
    <option value=9>9</option>
    <option value=10>10</option>
    <option value=11>11</option>
    <option value=12>12</option>
    <option value=13>13</option>
    <option value=14>14</option>
    <option value=15>15</option>
    <option value=16>16</option>
    <option value=17>17</option>
    <option value=18>18</option>
    <option value=19>19</option>
    <option value=20>20</option>
    <option value=21>21</option>
    <option value=22>22</option>
    <option value=23>23</option>
    </select>
    <select id="last_time" onchange="change()">
    </select><script language="javascript">
    <!--
    var start_time,last_time;
    function txt_change(start,last){ 
    start_time = document.getElementById(start); 
    last_time = document.getElementById(last); 
    for(var i=0;i <start_time.length;i++){ 
    if(start_time.selectedIndex==i){ 
    last_time.innerHTML=''; 
    for(var j=i;j <24;j++){ 
    var time_option=document.createElement('option'); 
    time_option.value=j; 
    var text = document.createTextNode(j); 
    time_option.appendChild(text); 
    last_time.appendChild(time_option); 



    }function  change(){
    if (start_time.value==last_time.value)alert("=====")
    else alert("!!!!!=")
    }
    //-->
    </script>
      

  9.   


    <select id="start_time" onchange="txt_change('start_time','last_time')">
    <option value=0>0</option>
    <option value=1>1</option>
    <option value=2>2</option>
    <option value=3>3</option>
    <option value=4>4</option>
    <option value=5>5</option>
    <option value=6>6</option>
    <option value=7>7</option>
    <option value=8>8</option>
    <option value=9>9</option>
    <option value=10>10</option>
    <option value=11>11</option>
    <option value=12>12</option>
    <option value=13>13</option>
    <option value=14>14</option>
    <option value=15>15</option>
    <option value=16>16</option>
    <option value=17>17</option>
    <option value=18>18</option>
    <option value=19>19</option>
    <option value=20>20</option>
    <option value=21>21</option>
    <option value=22>22</option>
    <option value=23>23</option>
    </select>
    <select id="last_time" onchange="change()">
    </select><script language="javascript">
    <!--
    var start_time,last_time;
    function txt_change(start,last){ 
    start_time = document.getElementById(start); 
    last_time = document.getElementById(last); 
    for(var i=0;i <start_time.length;i++){ 
    if(start_time.selectedIndex==i){ 
    last_time.innerHTML=''; 
    for(var j=i;j <24;j++){ 
    var time_option=document.createElement('option'); 
    time_option.value=j; 
    var text = document.createTextNode(j); 
    time_option.appendChild(text); 
    last_time.appendChild(time_option); 



    }function  change(){
    if (start_time.value==last_time.value)alert("start_time.value = last_time.value")
    else alert(' last_time.value = '+last_time.value)
    }
    //-->
    </script>
      

  10.   

    intForum/ui/scripts/csdn/Plugin/003/monkey/19.gif][/img]
    <select id="start_time" onchange="txt_change('start_time','last_time')">
    <option value=0>0</option>
    <option value=1>1</option>
    <option value=2>2</option>
    <option value=3>3</option>
    <option value=4>4</option>
    <option value=5>5</option>
    <option value=6>6</option>
    <option value=7>7</option>
    <option value=8>8</option>
    <option value=9>9</option>
    <option value=10>10</option>
    <option value=11>11</option>
    <option value=12>12</option>
    <option value=13>13</option>
    <option value=14>14</option>
    <option value=15>15</option>
    <option value=16>16</option>
    <option value=17>17</option>
    <option value=18>18</option>
    <option value=19>19</option>
    <option value=20>20</option>
    <option value=21>21</option>
    <option value=22>22</option>
    <option value=23>23</option>
    </select>
    <select id="last_time" onchange="change()">
    </select><script language="javascript">
    <!--
    var start_time,last_time;
    function txt_change(start,last){ 
    start_time = document.getElementById(start); 
    last_time = document.getElementById(last); 
    for(var i=0;i <start_time.length;i++){ 
        if(start_time.selectedIndex==i){ 
            last_time.innerHTML=''; 
            for(var j=i;j <24;j++){ 
                var time_option=document.createElement('option'); 
                time_option.value=j; 
                var text = document.createTextNode(j); 
                time_option.appendChild(text); 
                last_time.appendChild(time_option); 
            } 
        } 

    }function  change(){
    if (start_time.value==last_time.value)alert("start_time.value = last_time.value")
    else alert(' last_time.value = '+last_time.value)
    }
    //-->
    </script>
      

  11.   

    <select id="start_time" onchange="txt_change('start_time','last_time')">
    <option value=0>0</option>
    <option value=1>1</option>
    <option value=2>2</option>
    <option value=3>3</option>
    <option value=4>4</option>
    <option value=5>5</option>
    <option value=6>6</option>
    <option value=7>7</option>
    <option value=8>8</option>
    <option value=9>9</option>
    <option value=10>10</option>
    <option value=11>11</option>
    <option value=12>12</option>
    <option value=13>13</option>
    <option value=14>14</option>
    <option value=15>15</option>
    <option value=16>16</option>
    <option value=17>17</option>
    <option value=18>18</option>
    <option value=19>19</option>
    <option value=20>20</option>
    <option value=21>21</option>
    <option value=22>22</option>
    <option value=23>23</option>
    </select>
    <select id="last_time" onchange="change()">
    </select><script language="javascript">
    <!--
    var start_time,last_time;
    function txt_change(start,last){ 
    start_time = document.getElementById(start); 
    last_time = document.getElementById(last); 
    for(var i=0;i <start_time.length;i++){ 
        if(start_time.selectedIndex==i){ 
            last_time.innerHTML=''; 
            for(var j=i;j <24;j++){ 
                var time_option=document.createElement('option'); 
                time_option.value=j; 
                var text = document.createTextNode(j); 
                time_option.appendChild(text); 
                last_time.appendChild(time_option); 
            } 
        } 

    }function  change(){
    if (start_time.value==last_time.value)alert("start_time.value = last_time.value")
    else alert(' last_time.value = '+last_time.value)
    }
    //-->
    </script>
      

  12.   


    <form name="form1" id="form1">
      <select name="menu1" onchange="ChangeMenu(this.options.selectedIndex)">
        <option selected="selected">搜索</option>
    <option>门户</option>
      </select>
      <select name="menu2" onchange="Menu()">
        <option selected="selected">百度</option>
    <option>Google</option>
      </select>
    </form>
    <script type="text/JavaScript">
    <!--
    var sonmenu=new Array();
    sonmenu[0]='百度::Google';
    sonmenu['0_url']='www.baidu.com::www.google.com';
    sonmenu[1]='新浪::163::亿唐';
    sonmenu['1_url']='www.sina.com::www.163.com::www.etang.com';
    var temp=document.form1.menu2;
    function ChangeMenu(obj){ //v3.0
    urls=obj+"_url";
    tempname=sonmenu[obj].split('::');
    tempurl=sonmenu[urls].split('::');
    for (m=temp.options.length-1;m>0;m--)
    temp.options[m]=null;
    for (i=0;i<tempname.length;i++)
    temp.options[i]=new Option(tempname[i],tempurl[i]);
    temp.options[0].selected=true;
    }
    function Menu() {
    //location=temp.options[temp.selectedIndex].value
    alert(temp.options[temp.selectedIndex].innerHTML);
    }//-->
    </script>
      

  13.   

    现在就是lasttinne.selectedIndex总是0