怎么用js实现select逐渐选择-JavaSript-爱易网页

怎么用js实现select逐渐选择

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

如何用js实现select逐渐选择
我现在写了三个select选择框，我现在要求是第一个选择框为enable可选状态，第二和第三暂时为disabled，当第一个select进行了选择值后第二才能进行选择，第二个进行选择了第三个才能选择，并且要求在第三个select选择后进行change事件跳转url，并且在跳转后三个select选择的值要求跟原来选择的值是一样的。我是个js方面的完全菜鸟求大神帮助啊如果有写好过的例子求粘贴和发到我邮箱：1404489027@qq.com!跪求跪谢啊！

select url js 跳转

------解决方案--------------------



 <form id="f1">

   <select id="s1" name="s1"     >

   <option value="" >请选择</option>	

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

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

   </select>

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

   <option value="" >请选择</option>	

   <option value="a" >a</option>

   <option value="b">b</option>

   </select>

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

	   <option value=""  >请选择</option>	

	   <option value="abc" >abc</option>

	   <option value="efg">efg</option>

   </select>

 </form>

<script>

	document.write( new Date().getTime() )

	

	function g(id){ return document.getElementById(id)  }

	g('s1').onchange=function(){

		g('s2').disabled=!this.value;

	}

	g('s2').onchange=function(){

		g('s3').disabled=!this.value;

	}

	g('s3').onchange=function(){

		window.name=[g('s1').value,g('s2').value,this.value];

		this.form.submit();

	}

	window.onload=function(){

			var vs=this.name.split(',')

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

				g('s'+(i+1)).value=vs[i];

				if(i!=2) g('s'+(i+1)).onchange()

			}

	}

</script>

------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

怎么用js实现select逐渐选择

相关资料更多>

推荐阅读更多>