html页面判断用户的选择，然后现实不同的表单让用户填写

比如：有一个下拉框，选项分别是A和B。当用户选择A选项时，页面显示“A1”“A2”“A3”三个输入框让用户填写，然后连同选项A一同提交给服务器。当用户选择“B”选项时，页... 比如：有一个下拉框，选项分别是 A 和 B。当用户选择A选项时，页面显示“A1”“A2”“A3”三个输入框让用户填写，然后连同选项A一同提交给服务器。当用户选择“B”选项时，页面显示“B1”“B2”三个输入框让用户填写，连同B一同提交服务器。默认A或者B。万分感谢大神。展开

 我来答

1个回答

#合辑# 面试问优缺点怎么回答最加分？

yugi111
2017-11-26 · TA获得超过8.1万个赞

知道大有可为答主

回答量：5.1万

采纳率：70%

帮助的人：1.3亿

我也去答题访问个人页

关注

展开全部

<!DOCTYPE html>
<html>
  <head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<title>RunJS 演示代码</title>
	<script>
		onload=function(){
			var sel=document.getElementById("sel");
			sel.children[1].selected=true;
			document.fm1.style.display="none";
			document.fm2.style.display="block";
			
			sel.onchange=function(){
				var op=this[this.selectedIndex].innerHTML.replace(/^\s+|\s+$/g,"");
				if(op=="A"){
					document.fm1.style.display="block";
					document.fm2.style.display="none";
				}else if(op=="B"){
					document.fm1.style.display="none";
					document.fm2.style.display="block";
				}
			}
		}
	</script>
  </head> 
<body>
	<select id="sel">
		<option>A</option>
		<option>B</option>
	</select>
    <form name="fm1">
			A1:<input type="text" name="A1"/><br />
			A2:<input type="text" name="A2"/><br />
			A3:<input type="text" name="A3"/><br />
	</form>
	<form name="fm2">
		B1:<input type="text" name="B1"/><br />
		B2:<input type="text" name="B2"/><br />
		B3:<input type="text" name="B3"/><br />
	</form>
  </body>
</html>