Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >单个表单中的多个提交按钮,其中两个提交按钮均可在PHP中访问

单个表单中的多个提交按钮,其中两个提交按钮均可在PHP中访问
EN

Stack Overflow用户
提问于 2016-12-05 17:16:49
回答 2查看 2.3K关注 0票数 1

目前我在一个HTML页面上工作,在那里我可以上传Excel,也可以从数据库中获取指定日期范围内的数据。一个提交按钮将从excel和数据库中调出数据,并比较这两个列表中的值,并显示冲突的值。我需要添加另一个提交按钮,用户可以在其中设置必须如何为同一表单中的冲突值进行映射。

如何同时使用两个提交按钮,同时使用PHP中第二个提交按钮访问的第一个提交按钮中发布的数据?

EN

回答 2

Stack Overflow用户

发布于 2016-12-06 08:29:32

只要submit按钮被放在同一个form元素中,单击其中任何一个按钮都会提交它们所在的表单。

这样,同一表单中的所有字段都将被提交。

但是,您可能想知道单击了哪个submit按钮来执行不同的操作。

您可以添加name属性来指定单击了哪个提交按钮。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<input type="submit" name="submit1">
<input type="submit" name="submit2">

假设此表单是使用POST方法提交的,您可以使用下面的示例检查单击了哪个提交按钮。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$importData = isset($_POST["submit1"]);
$mapSettings = isset($_POST["submit2"]);

因此,您可以通过将不同形式的所有字段放到同一个form元素中来实现这一点。无论单击了哪个提交按钮,表单元素中的所有字段都将被提交。

然后,您可以使用上面的布尔结果来确定要执行的操作。

票数 0
EN

Stack Overflow用户

发布于 2017-08-27 17:28:24

到目前为止,对于这种情况,我看到的最好的答案是:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<input type="submit" name="action" value="Update" />
<input type="submit" name="action" value="Delete" />

然后在代码检查中查看触发了哪一个:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
if ($_POST['action'] == 'Update') {
    //action for update here
} else if ($_POST['action'] == 'Delete') {
    //action for delete
} else {
    //invalid action!
}

唯一的问题是,您将逻辑与输入中的文本绑定在一起。您还可以为每个输入指定一个唯一的名称,并只需检查$_POST中是否存在该输入:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<input type="submit" name="update_button" value="Update" />
<input type="submit" name="delete_button" value="Delete" />

在代码中:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
if (isset($_POST['update_button'])) {
    //update action
} else if (isset($_POST['delete_button'])) {
    //delete action
} else {
    //no button pressed
}

这里有一个很好的帖子:Two submit buttons in one form

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40979751

复制
相关文章
【HTML】HTML 表单 ② ( 按钮表单 | 普通按钮 | 提交按钮 | 重置按钮 | 图片按钮 | 文件域 )
将 <input /> 标签 的 type 属性设置为 button , 就可以将该 表单组件 设置为 普通按钮 类型表单 ;
韩曙亮
2023/03/30
8.2K0
【HTML】HTML 表单 ② ( 按钮表单 | 普通按钮 | 提交按钮 | 重置按钮 | 图片按钮 | 文件域 )
提交到不同URL的表单按钮
这是几天前想到的,我忘了在哪,但是我把它记在了我的小笔记本上,打算发到博客里。我把它写下来是因为我听到一些把它过于复杂化的东西。
疯狂的技术宅
2019/03/27
2.1K0
Jquery 实现表单提交按钮变灰,防止多次点击提交重复数据
表单提交时候我们应该控制提交按钮,不能点击多次进行数据的重复提交。要不然就会有冗余的重复的数据在系统中,造成系统出现数据垃圾。jQuery很简单的就可以实现对表单提交按钮控制,下面就是相关的例子和代码。
全栈程序员站长
2022/06/29
4K0
flask 一个页面多个提交按钮(flask 23)
class NewPostForm(FlaskForm): title = StringField('Title', validators=[DataRequired(), Length(1, 50)]) body = TextAreaField('Body', validators=[DataRequired()]) save = SubmitField('Save') publish = SubmitField('Publish')
用户5760343
2019/08/13
3.2K0
点击提交按钮,提交所有生成的input参数
今天晚上加班,又写了一些很基础的东西,感觉到自己的js基础还是很差的,对于数据结构上的理解还差了很多火候。
王小婷
2019/07/10
1.8K0
点击提交按钮,提交所有生成的input参数
Button按钮为什么无缘无故会提交form表单?
我的form表单里有好几个Button按钮,每个按钮有不同的功能,可是这些按钮居然都有提交功能,真是把我惊呆了
全栈程序员站长
2022/07/08
7150
一个form两个提交按钮,分别提交到两页面
<script> function save(){ document.form1.action="right.asp"; document.form1.submit(); } function send(){ document.form1.action="sendtaskook.asp"; document.form1.submit(); } </script> <form name="form1"> <input type="button" name="btn1" value="发送" onclick="send();"> <input type="button" name="btn2" value="保存" onclick="save();"> </form>
Tony老师
2020/03/05
1.1K0
小白前端入门笔记(19),form表单里的加入提交按钮
在上一次挑战当中我们尝试了给一个input元素添加form表单,但是我们只是添加了表单是不够的,用户填好了信息但是少了一个触发上传的按钮。所以今天我们就来说说怎么给form表单添加一个提交按钮。
TechFlow-承志
2021/03/11
1.4K0
用图片代替提交和重置按钮
为了整个界面美观,我们需要对提交和重置按钮美化一番,可是无论用什么CSS样式定义按钮,都很难达到满意的效果,只得用JS+图片的方式进行处理,下边我是总结出的三种方法:
幽鸿
2020/04/02
4.1K0
vue的form表单提交_axios提交表单
利用v-model能比较便捷地上传用户信息的数据,不用一个个参数地拼接。直接在data根据要传的字段定义一个对象,
全栈程序员站长
2022/11/10
6.6K0
layui表单提交参数如何传递_HTML中form表单数据提交方式
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/08
3.3K0
layui踩坑记录之form表单下的button按钮默认自动提交
layui form表单下的button按钮会自动提交表单的问题以及解决方案_layui form里面其他button按钮_你用点心就行的博客-CSDN博客
acoolgiser
2023/10/16
1.1K0
表单提交原理_防止表单重复提交
<form>标签的属性enctype设置以何种编码方式提交表单数据。可选的值有三个:
全栈程序员站长
2022/11/08
5.5K0
EXTJS防止表单中回车触发提交
版本 7.0 modern toolkit 现象 在formpanel下的字段中使用回车时会自动触发form标签提交,导致跳转 源码 Ext.form.Panel getTemplate: function() { var template = this.callParent(); // 为实现标准的表单提交,加入了一个隐藏的input标签,类型为submit // 浏览器检查到此form字段回车会自动触发submit对象的click事件提交 template.push({
路过君
2020/08/24
1.5K0
EXTJS防止表单中回车触发提交
表单提交
在html中经常用到<form>标签。而我们在使用过程会经常这样用<input name=”sub” type=”submit” value=”提交” /> 也就是说当我们点击提交的时候会执行<form action=”file.php” method=”get” id=”se” name=”se”>action的动作(例子是提交到file.php页面)方法是get。 当没有提交按钮时而是用一个热图加onclick属性来完成,我们可以这样用 <form id=”search” name=”search”
苦咖啡
2018/05/07
4.4K0
node表单提交POST提交
前几天给大家介绍了使用node的提交(get)获取到表单提交的内容,get提交的参数查询部分(query)可以获得到,由于get提交的内容在url显示,而post提交处理机制,为了保障安全性不显示在url中,下面案例介绍下post提交案例!
十月梦想
2018/08/29
4.4K0
java表单提交方法_表单提交的几种方式[通俗易懂]
说明:用户提交按钮或图像按钮时,就会提交表单。使用或都可以定义提交按钮,只要将其特性的值设置为“submit”即可,而图像按钮则是通过的type特性值设置为”image”来定义的。因此,只要我们单击一下代码生成的按钮,就可以提交表单。
全栈程序员站长
2022/09/30
5K0
表单提交中的input、button、submit的区别
1.input[type=submit] 我们直接来看例子: 代码如下: <form> <input name="name"> <input type="submit" value="
新人小试
2018/04/12
4.2K0
表单提交中的input、button、submit的区别
javascript表单提交的内容显示在表格中
实现三个文本域的内容提交之后显示在表格中,代码直接用文本文件运行,记得后缀改为.html 运行结果
别团等shy哥发育
2023/02/27
7.5K0
javascript表单提交的内容显示在表格中
form表单中带有文件上传,同时提交
前台JS(easyUI) function EditsubmitForm() { var father = $('#select_category').combobox('getValue'
唐怀瑟
2018/08/30
5.1K0

相似问题

提交包含多个提交按钮的PHP表单

20

在PHP中使用单个按钮提交多个表单

30

带有单个提交按钮的多个表单

11

使用带有单个提交按钮的iframe提交多个表单

10

在单个PHP文件中有多个提交按钮的两个表单

11
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文