关于两个select联动实现

zhuiganzhe_88 2008-03-25 02:42:52

过程1 如果我不选第一个下拉框的第3个option时；
过程2 然后在“过程1”onchange事件影响下，第二个下拉框的第三个option被选中且不能更改；
过程3 当选第一个下拉框的第3个option时，第二个下拉框的option可以随意选择

请大虾给写个例子谢谢

...全文

185 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

zhuiganzhe_88 2008-03-25

打赏
举报

上柳梢是我想要的结果

rjzou的选完，再选第二个框就还原不回去了

结贴

rjzou2006 2008-03-25

打赏
举报

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<META NAME="Generator" CONTENT="EditPlus">

<META NAME="Author" CONTENT="zourinet">

<META NAME="Keywords" CONTENT="">

<META NAME="Description" CONTENT="">

<script language="JavaScript">

/* <![CDATA[ */

function CheckSelected(obj,setSel)

{

	if(obj.selectedIndex==2)

	{

	  select2 = document.getElementById(setSel);	  

      select2.disabled=true;

	  select2.selectedIndex=2;



	}

}

/* ]]> */

</script>

</HEAD>



<BODY>

<form method="post" action="">

<div>

<select name="select1" onchange="CheckSelected(this,'select2');">

	<option value="1">1</option>

	<option value="2">2</option>

	<option value="3">3</option>

</select>

<select name="select2">

	<option value="11">11</option>

	<option value="22">22</option>

	<option value="33">33</option>

</select>

</div>

</form>

</BODY>

</HTML>

xxgu 2008-03-25

打赏
举报



<script language="javascript">

function test()

{

	//alert(document.getElementById("b").disabled);

	if(document.getElementById("a").value!="3")

	{

	   var objSelect = document.getElementById("b");

	   for (var i = 0; i < objSelect.options.length; i++) { 

		　　if (objSelect.options[i].value == "3") { 

		　　　objSelect.options[i].selected = true; 

		　　　break; 

		　　}

		} 

		document.getElementById("b").disabled=true;

	}else

	{

		document.getElementById("b").disabled=false;

	}

}

</script>



<select name="a" id="a" onchange="test()">

<option value="1">1</option>

<option value="2">2</option>

<option value="3">3</option>

</select>

<br />

<select name="b" id="b" disabled="disabled">

<option value="1">1</option>

<option value="2">2</option>

<option value="3" selected>3</option>

</select>