使用form里面的button跳转到其他页面

原创 2013年12月05日 21:25:53

在使用表单的时候,有时需要从一个页面跳转到多个不同的页面。

比如:想要从1.jsp跳转到2.jsp和3.jsp。


我们可以这样写程序:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>跳转</title>
<script type="text/javascript">
	//把表单的action改为2.jsp
	function Two() {
		document.form.action = "2.jsp";
		document.form.submit();
	}
	//把表单的action改为3.jsp
	function Three() {
		document.form.action = "3.jsp";
		document.form.submit();
	}
</script>
</head>
<body>

<form action="" method="post" name="form">
<table width="300" border="1" align="center" bgcolor="#9AD3A4" bordercolor="red">
<tr><td align="center" colspan="2" >button跳转</td></tr>
<tr>
<td><input type="button" value="跳转到2.jsp" onclick="Two()"      class="botton"/></td>
<td><input type="button" value="跳转到3.jsp" onclick="Three()"    class="botton"/></td>
</tr>
</table>
</form>
</body>
</html>
我们就可以从1.jsp跳转到2.jsp或者是3.jsp从而实现一个页面访问多个页面。

相关文章推荐

form跳转到新页面

button onclick 实现页面跳转

button onclick 实现页面跳转   1、onclick="javascript:window.location.href='aa.htm' " 2、onclick="loc...

button onclick 实现页面跳转

button onclick 实现页面跳转  1、onclick="javascript:window.location.href='aa.htm' " ...

一个菜鸟前端的成长日记之 我的button跳转页面为何不生效

从大连来到深圳,充满了期待和梦想,希望能进一个高大上的大公司,想体验大都市的豪华编码环境。but,现实给了我重重一击,来深圳找了好久工作,总算找到一家着急用人公司。于是,我打算在这家公司好好干,慢慢修...

一个表单内2个按钮跳转到不同的页面

无标题文档 function tianjia() { document.form1.action="tianjia.php"; } function xiugai() { document.fo...

form表单提交,用submit方法并且跳到指定页面或不跳转

开发环境后台Java 后台根据提交的整个表单,通过name名对应的value值; 项目申请表 负责人姓名* 性别 ...

form表单无刷新跳转

不会ajax 所以用的有点笨的方法,不管怎么着反正功能大致能用了。 开始在form里加了一个onsubmit="return false;" 可以实现页面的不跳转,但是过了两天onsubmit="r...

Javascript实现点击按钮跳转到新的页面

本地跳转 Java代码  function   add(){           window.location.href="add.do?method=add"; //你需要跳转的地址   ...
  • ithouse
  • ithouse
  • 2014年07月15日 11:06
  • 4975

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

患者名字: //通过获取JavaScript函数的方式访问printPerson.html和selectPerson.html function printPerson...

javaweb action无法跳转、表单无法跳转的解决方法

javaweb action无法跳转,javaweb表单无法跳转的解决方法。web.xml文件配置。action无法跳转,struts2 action无法跳转;SSH action无法跳转...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:使用form里面的button跳转到其他页面
举报原因:
原因补充:

(最多只允许输入30个字)