一个表单设置多个提交情况

最新推荐文章于 2019-06-21 14:16:00 发布
最新推荐文章于 2019-06-21 14:16:00 发布
阅读量892 收藏
点赞数
分类专栏： js 文章标签： input button javascript action function up
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mr_HongYe/article/details/1736235
版权

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>一表单多提交</title>
<script language="javascript">
function submit_up(p)
{
 myForm.action= p;
 myForm.method='POST';
 myForm.submit();
}
</script>
</head>

<body>
<form id="myForm" name="form1" method="post" action="">
  <input type="text" name="textfield" />
  <input type="button" name="Submit" value="GO_1" οnclick="submit_up('page_1.html');" />
  <input type="button" name="Submit2" value="GO_2" οnclick="submit_up('page_2.html');" />
</form>
</body>
</html> 

Mr_HongYe
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery提交多个表单的小技巧
10-25
本节主要介绍了jQuery提交多个表单的小技巧,需要的朋友可以参考下
Antd4之一个form表单如何实现两个提交按钮
Welkin_qing的博客
01-27 3669
文章目录一、基本form表单二、实现两个提交按钮1. useForm2. validateFields--触发表单验证3. antd3之前的写法 一、基本form表单 可以参考antd4的api，可以看到，form表单现在使用的是form 的onFini事件函数。如下所示 const handleSubmit = useCallback( values => { console.log(values) //这里就可以拿到name1，name2，name3的数据 },
同一页面多个form提交
u010719917的专栏
06-21 8409
办法1.同一个页面中建立两个表单 各自提交： <form action="?" name="form1" id="form1"> <!-- 表单内容 --> <input type="submit" /> </form> <form action="?" name="form1" id="form1"> <!-- 表单内容 -...
只有一个form表单，实现多个提交按钮
疯狂的小程序员
06-17 1万+
转载自：IT摆渡网 -- 一个IT实时在线问答平台,解决任何IT技术难题，无需等待，立马解决！--www.itbaiduwang.com 技巧就是把提交的input的类型改成button！这样就可以实现多个按钮提交！ 以下是案例： 然后： function  tixiana() { $("#tijiao").removeAttr('act
4种方法让SpringMVC接收多个对象
热门推荐
一个情绪猿的脖克...
07-10 17万+
问题背景： 我要在一个表单里同时一次性提交多名乘客的个人信息到SpringMVC，前端HTML和SpringMVC Controller里该如何处理？ 第1种方法：表单提交，以字段数组接收； 第2种方法：表单提交，以BeanListModel接收； 第3种方法：将Json对象序列化成Json字符串提交，以List接收； 第4种方法：将表单对象序列化成Json字符串提交，以List接收； 第4种方
处理一个表单有多个提交按钮
hjl815的博客
09-05 9431
在做到表单的提交的时候，如果是一个按钮提交的话，对应一个action。只需要将form表单属性method=”post” action=”action路径”。 可是如果是多个按钮，如何将一个表单与多个方法关联呢？ 思路是这样的：先不指定表单的action，让action属性为""，method="post"，为你的提交按钮全部替换为普通按钮，给它们都加上onclick事件，注意这里每一个
巧用js提交表单轻松解决一个页面有多个提交按钮
10-26
使用js提交表单想必大家都会，如果要实现一个页面有多个提交按钮，你会吗？下面有个不错的示例，大家可以感受下
一个from表单提交多个功能
04-14
简单描述一个from表单提交多个功能的实现
struts2中一个表单中提交多个请求的例子（多个提交按钮）
10-26
在Struts2框架中，处理一个表单中的多个提交按钮是一项常见的需求。通常，一个HTML `<form>` 标签会包含多个 `<input type="submit">` 按钮，每个按钮对应不同的操作。Struts2 提供了一种机制，允许在同一个Action类...
Javascript 同时提交多个Web表单的方法
10-30
1 问题来自一位网友的提问： web页面里有多个表单，每个表单对应着某一类数据操作。
java处理一个form多个submit
05-24
java实现当只有一个form时如果有多个submit的处理方法，详细代码、注释
一个form表单实现提交多个action
终码一生
05-12 1586
方法一： DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> html> head> title>title> meta http-equiv="Content-Type" content="text/html; charset=gb2312"> head> body>
表单中有多个提交按钮，想实现点击不同的按钮，实现不同的操作
dtwangquan的专栏
01-24 5673
在开头定义javascript然后在正文中的按钮上用onClick="return calc_form()"来转向 function print_form()   {    document.form.action = "print_page.php?id=";    document.form.target="_blank";   } function sub_form()   {
JavaWeb一个表单多个提交
qq_40774600的博客
03-29 1645
一个表单多个提交按钮，提交到不同的Action：（每次只能提交到一个Action，有多种选择）例： <1script> //点击加密调用此方法 function encrypt(){     document.getElementById(“Form”)    ///跳转到encrypt.aciton .action="KaT...
form表单判断是那个按钮的提交
qachenzude的专栏
04-24 8029
用到servlet就不得不提form表单的提交。如果一个页面只提交一次数据那也就简单了。关键是平常的应用中很少有一个页面只应用一次的情况。一般遇到的情况是一个form表单提交到多个servlet中、多个form表单提交到一个servlet中。一个form表单提交多个servlet中一般方法是在js文件中写一个改变form表单action属性的方法代码如下：   function checkac
WEB小结(2)——一次提交多个表单
CuteKe的专栏
02-02 621
我们在开发的时候常常需要按一个按钮然后提交多个表单，在这里我在body中设置两个表单，在按表单1的提交按钮时一起提交 表单1和表单2：      test.html: 用户登录界面 function submitit(){ //第一个表
多个form表单共用一个提交
最新发布
05-10
可以使用 JavaScript 来实现多个表单共用一个提交的功能。具体实现步骤如下： 1. 给每个表单添加一个 class 或 ID，用于标识不同的表单。 2. 给提交按钮添加一个点击事件，获取所有表单的数据，并进行提交。 3. 在点击事件中，使用 `document.querySelectorAll()` 方法获取所有表单元素，然后遍历每个表单，获取表单数据，并将数据拼接成一个对象。 4. 最后将获取到的数据对象使用 Ajax 或表单提交方式进行提交。 下面是一个简单的示例代码，供参考： HTML 代码： ```html <form class="form1"> <input type="text" name="username" /> <input type="password" name="password" /> </form> <form class="form2"> <input type="text" name="email" /> <input type="text" name="phone" /> </form> <button id="submitBtn">提交</button> ``` JavaScript 代码： ```js const submitBtn = document.querySelector('#submitBtn'); submitBtn.addEventListener('click', () => { const forms = document.querySelectorAll('form'); const data = {}; forms.forEach((form, index) => { const formData = new FormData(form); for (let [key, value] of formData.entries()) { data[`form${index + 1}_${key}`] = value; } }); // 使用 Ajax 或表单提交方式进行提交 // ... }); ``` 在上面的代码中，我们将表单数据拼接成了一个对象 `data`，并通过 `data` 对象来传递数据。在实际开发中，可以根据需求来选择使用 Ajax 或表单提交方式进行提交。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值