您的位置：首页 > Web前端 > JavaScript

JavaScript学习笔记之function函数改变form表单的action跳转到指定页面

2015-09-15 14:17 681 查看

<body>
	<form name="form1" action="" method="post">
		患者名字:<input type="text" name="username" value="zhang" /><br  /><br />
		<input type="button" name="ok" value="打印患者信息" onclick="printPerson()" />
		<input type="button" name="ok" value="查询患者信息" onclick="selectPerson()" />
	</form>
	
	<script language="javascript">
		//通过获取JavaScript函数的方式访问printPerson.html和selectPerson.html
		function printPerson(){
			//1:获取表单
			var form1 = document.form1;
			//2.设置表单的action属性
			form1.action="printPerson.html";
			//3.提交表单
			form1.submit();
		}
		
		function selectPerson(){
			//1.获取表单
			var form1 = document.forms[0];//从0开始,即第一个表单开始
			//2.设置表单的action属性
			form1.action="selectPerson.html";
			//3.提交表单
			form1.submit();
		}
	</script>
	
</body>

printPerson.html页面：

<body>
	<p>打印患者信息</p>
</body>

selectPerson.html页面:

<body>
	<b>查询患者信息</b>
</body>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航