联动下拉框的问题

f305424238 2009-05-01 01:26:58

做了个联动下拉框
第一个的改变，第二个下拉框就跟着改变
现在有个问题：
如何得到第二个下拉框的当前值？

有没有高手知道
谢谢

...全文

188 15 打赏收藏转发到动态举报

写回复

用AI写文章

15 条回复

切换为时间正序

请发表友善的回复…

发表回复

f305424238 2009-05-04

打赏
举报

现在就是lasttinne.selectedIndex总是0

yexianshow 2009-05-02

打赏
举报



<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>

xinrui5577 2009-05-02

打赏
举报

<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>

xinrui5577 2009-05-02

打赏
举报

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">

</script>

caiying2009 2009-05-02

打赏
举报



<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>

caiying2009 2009-05-02

打赏
举报



<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>

szwx855 2009-05-01

打赏
举报

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

szwx855 2009-05-01

打赏
举报



<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>

f305424238 2009-05-01

打赏
举报

[Quote=引用 5 楼 happy664618843 的回复:]
function change()
{
form1.Select2.SelectedIndex=form1.Select1.SelectedIndex;

}
再到select1控件onchange事件调用该方法就可以了
[/Quote]
我用过
得到的是0

magicone 2009-05-01

打赏
举报

happy664618843 2009-05-01

打赏
举报

function change()
{
form1.Select2.SelectedIndex=form1.Select1.SelectedIndex;

}
再到select1控件onchange事件调用该方法就可以了

向大牛学习人工智能 2009-05-01

打赏
举报



<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>

分类： 

<select name="my" size="1" onchange="createMenus(document.myForm.my.selectedIndex)" class="smallsel">



<option value="info">杂文报</option>

<option  selected>书刊报</option>

</select>

<p>

作者： 

<select name="main" size="1" onchange="updateMenus(this)" class="smallsel">

<option>           

       </option>

<option></option>

<option></option>

</select>

<p>

标题: 

<select name="title" size="1" class="smallsel">

<option>            

      </option>

<option></option>

<option></option>

</select>

<input type="button" value="submit" onclick="parent.location.href='http://www.

heheidaily.com.cn'">

</form>

</body>

</html>