关于JS 联动，下拉框选项前前后后选择个数不同-JavaSript-爱易网页

关于JS 联动，下拉框选项前前后后选择个数不同

日期：2014-05-16　浏览次数：20423 次

关于JS 联动，下拉框选项前后选择个数不同
或者直接看后面的问题我向贴上我的代码，各位可运行一下。

<html> 

<head> 

	<title>This is a test!</title> 

</head> 

<body> 

<form name="frm"> 

	<select name="s1" onChange="redirec(document.frm.s1.options.selectedIndex)"> 

	<option value="id" selected>学号</option> 

	<option value="name">姓名</option> 

	<option value="age">年龄</option> 

</select> 

<select name="s2"> 



</select> 

<input type="submit" value="查询"/>

</form> 

	<script language="javascript"> 

	//获取一级菜单长度 

	var select1_len = document.frm.s1.options.length; 

	var select2 = new Array(select1_len); 

	//把一级菜单都设为数组 

	for(i=0; i<select1_len; i++) 

	{ 

		select2[i] = new Array();

	} 

	//定义基本选项 



	select2[0][0] = new Option("包含", "contain"); 

	select2[0][1] = new Option("等于", "equal"); 



	select2[1][0] = new Option("包含", "contain"); 

	select2[1][1] = new Option("等于", "equal"); 

	



	select2[2][0] = new Option(">", ">"); 

	select2[2][1] = new Option("=", "="); 

	select2[2][2] = new Option("<", "<"); 

	select2[2][3] = new Option("<=", "<=");

	select2[2][4] = new Option(">=", ">="); 

	//联动函数 

	function redirec(x) 

	{ 

		

		var temp = document.frm.s2; 

		for (i=0;i<select2[x].length;i++) 

		{

			temp.options[i]=new Option(select2[x][i].text,select2[x][i].value);

		} 

		alert("x："+x+"  select2["+x+"].length："+select2[x].length);

		temp.options[0].selected=true; 

	} 

	</script> 

</body> 

</html>

我把我的问题的截图贴出来：
1、先选这个

2、在选这个

3、最后选择呢学号，下拉框多呢几个。多余的下拉选项是怎么产生的，求解决之道。

js联动 js联动下拉框选项不一致

------解决方案--------------------
<html>
<head>
<title>This is a test!</title>
</head>
<body>
<form name="frm">
<select name="s1" onChange="redirec(document.frm.s1.options.selectedIndex)">

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

关于JS 联动，下拉框选项前前后后选择个数不同

相关资料更多>

推荐阅读更多>