处理一个表单有多个提交按钮
来源:互联网 发布:网络高级工视频 编辑:程序博客网 时间:2024/06/12 23:06
在做到表单的提交的时候,如果是一个按钮提交的话,对应一个action。只需要将form表单属性method=”post” action=”action路径”。
可是如果是多个按钮,如何将一个表单与多个方法关联呢?
思路是这样的:先不指定表单的action,让action属性为"",method="post",为你的提交按钮全部替换为普通按钮,给它们都加上onclick事件,注意这里每一个按钮的onclick方法是一样的,只是传递的参数不一样,这里的参数只是起到标记是哪一个按钮的用。
最后根据onclick里的方法传递的参数不同,可以判断是来自哪一个按钮的消息,再为表单设置方法并提交。
这里有个案例(发布文章和将文章保存到草稿箱):
<form id="myFrm" action="" method="post">文章标题:<input name="articleTitile"/><br/>文章内容:<textarea name="articleContent"><br/><input type="button" value="发布文章" onclick="test(1)"/><br/><input type="button value="保存到草稿箱" onclick="test(2)"/> </form>
<script type="text/javascript">function test(val){ //判断参数 if(val==1){ //发布文章的方法 var url = "去到发布文章的Action"; var params = $("#myFrm").serialize(); //异步处理 $.post(url,params); } if(val==2){ //保存到草稿箱 var url = "去到草稿箱的Action"; var params = $("#myFrm").serialize(); //异步处理 $.post(url,params); }}</script>
阅读全文
0 0
- 处理一个表单有多个提交按钮
- struts2中,一个表单里有多个提交按钮的处理办法
- 一个Form表单处理提交多个submit按钮
- ASP 一个表单 两个提交按钮
- 一个表单中提交多个按钮
- 一个form表单,多按钮提交
- 一个表单多个按钮提交
- Jquery 一个表单多个提交按钮
- 一个表单使用两个提交按钮
- 巧用js灵活提交表单,解决一个页面有多个提交按钮
- php 一个表单有多个按钮,如何判断是哪个按钮提交过来的
- 两个表单一个按钮;一个表单,两个提交按钮。分别执行两个asp文件(asp)
- 按钮提交表单
- 按钮提交表单
- 图片按钮提交表单
- 多按钮提交表单
- 表单透明提交按钮
- 一个form表单实现多个提交按钮
- 使用java的画图类
- CCF 201409-1 相邻数对
- ML、DL单词(1)
- leetcode-670-Maximum Swap
- 【51Nod1563】坐标轴上的最大团
- 处理一个表单有多个提交按钮
- canvas 旋转中心点 rotate translate
- React Native 第十天
- 五子棋学习(2)
- What is DB time in AWR?
- unittest 组织单元测试用例
- 删除该字scrStr符串中的所有delStr字符串
- [Leetcode] 394. Decode String 解题报告
- 深度学习之keras使用