使用脚本使一个form可以有多个普通按钮

最新推荐文章于 2022-01-27 17:09:37 发布
转载 最新推荐文章于 2022-01-27 17:09:37 发布 · 1k 阅读 · 0
文章标签：

#脚本 #button #action

<script>
funtion changeAction1()
{
document.getElementById("xxx").action = "zzz";
}
funtion changeAction2()
{
document.getElementById("xxx").action = "hhh";
}
</script>

<form id="xxx" action="yyy">
<input type="button" onclick="changeAction1()"/>
<input type="button" onclick="changeAction2()"/>
</form>
PHP实现一个按钮点击上传多个图片操作示例
10-15
在这个表单中，我们使用了`[]" />`来创建一个可复选的文件输入框。`name="pictures[]"`的方括号表示这是一个数组，这样用户就可以通过多次点击选择多个文件。`添加" />`是提交按钮，当用户点击它时，表单会被提交到`...
ASP.NET MVC实现多个按钮提交的方法
10-21
在*** MVC中，处理表单提交时通常只能将表单提交到一个特定的Action方法中，但实际应用场景中往往需要通过多个按钮来完成不同的操作。因此，了解如何在*** MVC中实现多个按钮提交就显得十分必要。以下是几种实现多个...
一个form表单需要多个提交按钮的实现 （两种方式）
web开发
09-22 676
&lt;script&gt; function ceshi() { document.form1.action = "http://*****/App/app2/callback.php"; document.getElementById("type").value= "ceshi";//设置输入框name值 } function tijiao() { document.form1.action ...
多个按钮提交form表单
weixin_30501857的博客
11-15 188
<html> <title>form</title> <script> function equalsSel() { var f = document.getElementsByTagName("form")[0]; f.submit(); } function containsSel() { var f = document.get...
一个form表单，多个提交按钮
weixin_30872867的博客
11-05 684
技巧就是把提交的input的类型改成button！这样就可以实现多个按钮提交！ 以下是案例： <form action="" id="tijiao"> <input type="text" value="" name="ceshi"> <button class="btn btn-sm btn-success" id="bt_search">...
一个form表单有多个提交按钮
ITcainiaoyizhan的博客
11-28 2759
思路是这样的：先不指定表单的action，让action属性为""，method=“post”，为你的提交按钮全部替换为普通按钮，给它们都加上onclick事件，注意这里每一个按钮的onclick方法是一样的，只是传递的参数不一样，这里的参数只是起到标记是哪一个按钮的用。 最后根据onclick里的方法传递的参数不同，可以判断是来自哪一个按钮的消息，再为表单设置方法并提交。 这里有个案例（发布文章...
一个form表单中有多个按钮，点击不同的按钮将数据提交到不同的servlet中
青云----小凡
11-27 1697
只需要在button中设置一个属性formaction=“servlet地址”,如果一个form中只需要提交到一个servlet中，就不需要这样做，直接在action中写上servlet地址即可。 <button type="submit" formaction="queryInput"> ...
在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码
10-31
在一个网页表单(form)中，通常我们通过设置不同的提交按钮(submit或button)来实现将数据提交至不同的处理页面。然而，在某些特定情况下，我们可能需要仅使用一个提交按钮(submit或button)来将表单数据同时提交到两个...
解决php 处理 form 表单提交多个 name 属性值相同的 input 标签问题
10-19
如果循环中有多个这样的div，由于name属性值都一样，服务器端脚本在处理时只能获得最后一个提交的数据。为了解决这个问题，我们需要将name属性的值修改为数组，如下所示： ```html []" value="{$one['express_price...
一个form多个sumit按钮
Closed
05-09 364
&lt;script type="text/javacript"&gt;function funButton1(){document.formName.action="1.htm";formName.submit();}function funButton2(){document.formName.action="2.htm";formName.submit();}&lt;/script&gt;...
巧用js提交表单轻松解决一个页面有多个提交按钮
12-13
代码如下: <pre class=”javascript” name=”code”>function check(txt){ $j(“form”).submit(function(){ if($txt==”提交”){ this.action=”doAddMessage.action?button=提交”; this.submit(); }else{ this.action=”doAddMessage.action?button=保存”; this.submit(); } }); }</pre><br> <input type=”IMAGE” src=”style/blue/images/but
只有一个form表单，实现多个提交按钮
疯狂的小程序员
06-17 1万+
转载自：IT摆渡网 -- 一个IT实时在线问答平台,解决任何IT技术难题，无需等待，立马解决！--www.itbaiduwang.com 技巧就是把提交的input的类型改成button！这样就可以实现多个按钮提交！ 以下是案例： 然后： function  tixiana() { $("#tijiao").removeAttr('act
form表单的一个页面多个上传按钮实例
weixin_30598225的博客
07-09 314
/* * 图片上传 */ @RequestMapping("/uploadFile") @ResponseBody public String uploadFile(@RequestParam(value = "imageAddr", required = false)String imageAddr,@RequestParam(value = "genre", required = f...
2021-11-18 WinFrom面试题 Form中有多个按钮，如何做到让它们都响应同一个单击事件处理程序，显示它们各自的名称信息？
热门推荐
微软MVP Eleven
11-18 3万+
Form中有多个按钮，如何做到让它们都响应同一个单击事件处理程序，显示它们各自的名称信息？ 先定义一个实现该效果的事件处理程序： Private void Btn_Click(object sender,EventArgs e) { ​ Button btn=(Button)sender; ​ MessageBox.Show($”点击的按钮是：{btn.Text}”); } 然后订阅按钮的单击事件， 如Btn1按钮的订阅：Btn1.Click+=Btn_Click; Btn2按钮的订阅：Btn2
Antd4之一个form表单如何实现两个提交按钮
Welkin_qing的博客
01-27 4566
文章目录一、基本form表单二、实现两个提交按钮1. useForm2. validateFields--触发表单验证3. antd3之前的写法 一、基本form表单 可以参考antd4的api，可以看到，form表单现在使用的是form 的onFini事件函数。如下所示 const handleSubmit = useCallback( values => { console.log(values) //这里就可以拿到name1，name2，name3的数据 },
处理一个表单有多个提交按钮
hjl815的博客
09-05 9646
在做到表单的提交的时候，如果是一个按钮提交的话，对应一个action。只需要将form表单属性method=”post” action=”action路径”。 可是如果是多个按钮，如何将一个表单与多个方法关联呢？ 思路是这样的：先不指定表单的action，让action属性为""，method="post"，为你的提交按钮全部替换为普通按钮，给它们都加上onclick事件，注意这里每一个
一个按钮提交/保存多个<form>表单
最新发布
08-01
### 使用一个按钮提交多个HTML表单的实现方法 在Web开发中，通常一个表单提交操作由一个`<form>`标签和一个提交按钮绑定。然而，在某些业务场景中（如CRM系统的任务记录编辑），需要实现一个按钮提交多个表单的需求，例如同时提交任务信息和跟进记录[^1]。这种情况下，可以通过以下几种方式实现。 #### 1. 使用JavaScript进行手动提交 通过JavaScript监听按钮点击事件，依次提交多个表单。这种方式不依赖HTML原生表单提交机制，而是通过脚本控制多个表单的数据发送。 示例代码如下： ```html <form id="form1" action="/submit-form1" method="post"> <input type="text" name="field1" /> </form> <form id="form2" action="/submit-form2" method="post"> <input type="text" name="field2" /> </form> <button type="button" onclick="submitForms()">提交所有</button> <script> function submitForms() { document.getElementById('form1').submit(); document.getElementById('form2').submit(); } </script> ``` 这种方式的优点是实现简单，适用于表单数量较少且不需要复杂校验的场景。但需注意浏览器对多个`submit`调用的执行顺序和并发限制[^1]。 #### 2. 合并表单数据并通过AJAX提交 如果多个表单需要提交到同一个后端接口，或者需要在提交前进行数据整合，可以将多个表单的数据合并后通过AJAX方式提交。这种方式可以避免页面刷新，提升用户体验。 示例代码如下： ```html <form id="form1"> <input type="text" name="field1" /> </form> <form id="form2"> <input type="text" name="field2" /> </form> <button type="button" onclick="submitAll()">提交所有</button> <script> function submitAll() { const formData1 = new FormData(document.getElementById('form1')); const formData2 = new FormData(document.getElementById('form2')); const combinedData = new FormData(); for (const [key, value] of formData1.entries()) { combinedData.append(key, value); } for (const [key, value] of formData2.entries()) { combinedData.append(key, value); } fetch('/submit-combined', { method: 'POST', body: combinedData }); } </script> ``` 此方法适用于需要前后端协作、数据校验、异步提交等复杂交互场景[^1]。 #### 3. 使用隐藏的iframe进行无刷新提交 在某些不支持AJAX的旧浏览器环境中，可以使用隐藏的`<iframe>`来实现多个表单的无刷新提交。每个表单的`target`属性设置为该iframe的name，这样提交时页面不会跳转。 示例代码如下： ```html <iframe name="hiddenFrame" style="display:none;"></iframe> <form action="/submit-form1" method="post" target="hiddenFrame"> <input type="text" name="field1" /> </form> <form action="/submit-form2" method="post" target="hiddenFrame"> <input type="text" name="field2" /> </form> <button type="submit">提交所有</button> ``` 此方法适用于兼容性要求较高的场景，但实现复杂度较高，且难以进行数据回传和状态反馈[^1]。 ### 总结 实现一个按钮提交多个HTML表单的核心思路是通过脚本控制表单提交流程，或者通过数据合并机制统一提交。根据项目的技术栈、兼容性要求和用户体验需求，可以选择适合的实现方式。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值