一个表单元素俩个按钮跳转不同页面

最新推荐文章于 2021-07-27 15:32:08 发布
最新推荐文章于 2021-07-27 15:32:08 发布
阅读量3k 收藏 12
点赞数 2
分类专栏： web小项目的实现 文章标签： javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39655942/article/details/105248091
版权

一个表单元素俩个按钮跳转不同页面

在这里插入图片描述
图片如上：
红色箭头是用超链接a元素实现的，设置href属性跳转页面
黄色箭头是用javascript实现修改form表单元素的action属性实现跳转，可以达到一个form跳转俩个页面的效果。

<%@ 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="Cont
最低0.47元/天 解锁文章
redmoon&
关注
  • 2
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js表单注册实现页面登录信息提示（附:阻止页面跳转）
01-08
`是一个关键部分，它用于阻止默认的表单提交行为，防止页面跳转到表单的`action`属性指定的URL（如果没有指定，则通常是当前页面）。 `window.onload`函数是页面加载完成后的回调，确保在执行JavaScript代码时，...
struts2中一个表单中提交多个请求的例子（多个提交按钮）
10-26
Struts2 提供了一种机制，允许在同一个Action类中定义不同的方法来响应这些按钮的点击事件，而无需为每个按钮创建单独的Action。 在传统的Web开发中，处理多个提交按钮可能需要为每个按钮创建不同的表单或者不同的...
js控制form action到不同的页面
shao.bing的专栏
06-23 1157
<br />法一、<br /><form name="form1" action=""> <br /><input type="button" value="action1" onclick="form1.action='1';form1.submit();"> <br /><input type="button" value="action2" onclick="form1.action='2';form1.submit();"> <br /></form><br /> <br /> 法二、<br /><
form表单实现点击一个按钮根据不同条件跳转到不同的action
Hello_mengkebao的博客
07-27 1876
需求：点击确认支付按钮时，根据单选框，选择的支付方式的不同，跳转不同的action（对应不同的后台接口） 单选框 <div class="method"><span>支付方式</span></div> <div id="payMethod"> <label for="weixin" ><div class="pay payOn"><input type="radio" name="payMethod" id="
JS实现form表单的跳转
热门推荐
weixin_37189727的博客
12-28 1万+
form表单提交时需要从一个页面跳转至不同的页面，使用js动态提交       例如：1.jsp跳转至2.jsp和3.jsp &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt; &lt;title&gt;跳转&lt;/tit
Python flask框架实现浏览器点击自定义跳转页面
09-16
在`_init_.py`文件中，我们初始化一个Flask应用实例，并定义两个路由：`/` 和 `/cool_form`。路由是URL模式，当用户访问与这些模式匹配的URL时，相应的函数将被调用。 `@app.route('/')` 是首页路由，它定义了一个...
php通过隐藏表单控件获取到前两个页面的url
12-18
在HTML表单中，我们可以创建一个隐藏的输入元素，如下所示： ```html $_SERVER['HTTP_REFERER']; ?>"> ``` 这个隐藏的表单字段`<input>`的`name`属性设为`prevurl`，`value`属性则通过PHP的`$_SERVER`超全局数组中...
html页面跳转传递参数问题
09-28
A页面包含两个元素，一个表示名字（`<div id="name">tony</div>`），另一个表示年龄（`<div id="age">23</div>`）。当用户点击“跳转”按钮（`跳转</button>`）时，`jump1()`函数会被调用。在这个函数中，我们通过...
from表单多个按钮提交用onclick跳转不同action
09-04
主要介绍了from表单多个按钮提交用onclick跳转不同action,需要的朋友可以参考下
form 避免 action 触发的页面跳转
学习笔记
02-05 6603
Form 提交不换页面 action = url 前提 提交表单后，后台返回的是一个html地址，也就是一个html文件 &lt;form id="search" action="/portal/" method="post" &gt; &lt;input type="text" name="username"/&gt; &lt;input type
Form表单中不同的按钮进行不同的跳转
weixin_34232744的博客
09-01 588
本文参考:http://my.oschina.net/sallency/blog/300568 在开发工作共我们往往会遇到一个表单需要包含多个action不同的提交动作，这时候就不能在使用submit按钮来进行提交了，下面提供通过js来实现这一功能的方法. 示例代码: &lt;form name="demo" method="post"&gt; &lt;!--YOUR DATA ARE...
from表单多个按钮提交，跳转不同action
u013910074的专栏
04-23 2297
《sc function manySend(href){ var form = document.form1; form.action = href; form.submit(); }
跳转标签 oracle,html中一个form下两个跳转页面
weixin_39606361的博客
04-09 242
问题说明：在html开发中，经常碰到同一个form表单下，不同按钮跳转不同界面，如下，代码如下：当点击批量删除时，可以正常跳转到delall.php页面，但是批量审批时，由于使用botton按钮，就不能跳转到sh.php页面，怎么解决跳转不同页面时，可以使用js完成该工作。解决方法：1、在“批量审核”后添加onclick事件，编写ztSh()函数；2、js函数：function ztSh(){do...
form表单中有多个提交或者通过按钮来提交时的跳转方法
Alex的博客
08-12 2994
&lt;form id="myForm"&gt; &lt;input id="btnId" value="提交" type="button"&gt; &lt;/form&gt; form表单一般是通过submit提交的，按钮无法正常提交表单数据，就需要引用js函数来提交 &lt;script&gt; $(function(){     $("#bt
提交表单时，用到的action跳转的方法有两种方法
hdxyzlh_0225的专栏
08-15 5810
1.  2.
web跳转到另一个页面按钮
最新发布
05-30
在Web页面中，要实现跳转到另一个页面，可以通过使用超链接（anchor tag）或表单提交（form submit）的方式来实现。以下是两种方式的示例代码： 超链接方式： ``` 跳转到另一个页面 ``` 这里的链接地址（href）可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值