老谢博客

  • 首页
  • WordPress
  • 网络技术
  • 乱七八糟
  • 运维技术
  • 给我留言
  • 关于老谢

一个表单form包含多个提交动作submit

分类:程序设计日期:2016-01-02 - 15:31:45作者:老谢

  在开发工作共我们往往会遇到一个表单需要包含多个action不同的提交动作,这时候就不能在使用submit按钮来进行提交了,下面提供通过js来实现这一功能的方法

<form name="demo" method="post">
<!--YOUR DATA AREA-->
<input type="button" value="添加" onclick="addAction()">
<input type="button" value="删除" onclick="deleteAction()">
<input type="button" value="保存" onclick="saveAction()">
<input type="button" value="查询" onclick="searchAction()">
</form>
 
<script type="text/javascript">
function addAction(){
    document.demo.action="your add method url";
    document.demo.submit();
}
function deleteAction(){
    document.demo.action="your delete method url";
    document.demo.submit();
}
function saveAction(){
    document.demo.action="your add save url";
    document.demo.submit();
}
function searchAction(){
    document.demo.action="your serach method url";
    document.demo.submit();
}
</script>

<form name="demo" method="post"> <!--YOUR DATA AREA--> <input type="button" value="添加" onclick="addAction()"> <input type="button" value="删除" onclick="deleteAction()"> <input type="button" value="保存" onclick="saveAction()"> <input type="button" value="查询" onclick="searchAction()"> </form> <script type="text/javascript"> function addAction(){ document.demo.action="your add method url"; document.demo.submit(); } function deleteAction(){ document.demo.action="your delete method url"; document.demo.submit(); } function saveAction(){ document.demo.action="your add save url"; document.demo.submit(); } function searchAction(){ document.demo.action="your serach method url"; document.demo.submit(); } </script>

  form表单一定要添加上name属性,以通过document定位访问表单,不要写action属性了。

  转贴自:http://my.oschina.net/sallency/blog/300568

原文地址 : https://www.xj123.info/6419.html

本站遵循 : 署名-非商业性使用-相同方式共享 2.5 中国大陆 (CC BY-NC-SA 2.5)

版权声明 : 原创文章转载时,请务必以超链接形式标明文章原始出处

Tags: HTML , JavaScript
  • 上一篇:使用implode()函数将数组逗号隔开连接为字符串
  • 下一篇:2015年末总结
0条评论

暂时没有评论!

发表评论 点击取消评论.

*必填

*必填

  • 文章归档
  • 子网计算
  • 我的共享
  • 锻炼计划
  • 给我留言
  • 关于老谢
2019年二月
一 二 三 四 五 六 日
« 1月    
 123
45678910
11121314151617
18192021222324
25262728  

最新文章

  • Zabbix 数据库备份
  • Radware LinkProof 8016 负载均衡器开机主板E0错误修复
  • 终于买了张满意的桌子
  • Zabbix监控Bind(DNS)解析状态状态
  • Zabbix监控Apache性能
  • Zabbix通过PSK共享密钥实现Server和Agent的通信加密
  • Grafana 5.3 安装及配置
  • Surface Pro 4分辨率过高导致远程桌面过小的问题
  • 修复Surface Pro 4幽灵触摸故障
  • laoxie.me

最新评论

  • 搬瓦工vps:学习了
  • 大D:最近谢总更新很勤快呀
  • huka:我修好了 太感谢博主了,我的是surface...
  • huang:多谢老哥
  • fooleap:看起来厚实,真香。
  • Sam.Z:Zabbix是开源的吧,用起如何,我们公...
  • huang:这是哪个页面的网址 http://www.sqrt...
  • huang:抱歉抱歉忘记了 http://www.sqrt4.cc...
  • huang:我把上传后生成压缩的图片的功能给禁...
  • 两个字:都一样的,你有虚拟lede软路由的话就...

日志存档

  • 2019年一月
  • 2018年十二月
  • 2018年十一月
  • 2018年十月
  • 2018年七月
  • 2018年六月
  • 2018年五月
  • 2018年四月
  • 2018年三月
  • 2018年一月
  • 2017年十月
  • 2017年九月
  • 2017年八月
  • 2017年七月
  • 2017年二月
  • 2017年一月
  • 2016年十二月
  • 2016年十一月
  • 2016年十月
  • 2016年七月
  • 2016年六月
  • 2016年四月
  • 2016年二月
  • 2016年一月
  • 2015年十二月
  • 2015年十月
  • 2015年九月
  • 2015年七月
  • 2015年五月
  • 2015年四月
  • 2015年三月
  • 2015年二月
  • 2015年一月
  • 2014年十二月
  • 2014年十月
  • 2014年九月
  • 2014年八月
  • 2014年七月
  • 2014年六月
  • 2014年五月
  • 2014年四月
  • 2014年三月
  • 2014年二月
  • 2014年一月
  • 2013年十二月
  • 2013年十一月
  • 2013年十月
  • 2013年九月
  • 2013年八月
  • 2013年七月
  • 2013年六月
  • 2013年五月
  • 2013年四月
  • 2013年三月
  • 2013年二月
  • 2013年一月
  • 2012年十二月
  • 2012年十一月
  • 2012年九月
  • 2012年八月
  • 2012年七月
  • 2012年六月
  • 2012年五月
  • 2012年四月
  • 2012年三月
  • 2012年二月
  • 2012年一月
  • 2011年十二月
  • 2011年十一月
  • 2011年十月
  • 2011年九月
  • 2011年八月
  • 2011年七月
  • 2011年六月
  • 2011年五月
  • 2011年四月
  • 2011年三月
  • 2011年二月
  • 2011年一月
  • 2010年十二月
  • 2010年十一月
  • 2010年十月
  • 2010年九月
  • 2010年八月
  • 2010年七月

W3C

  • XHTML 1.0 Transitional
  • CSS level 3
  • Google+
Copyright © 2010-2019 老谢博客 All rights reserved.
Gzipped 74.8% | Optimized loading 8 queries in 0.550 seconds | Memory 44.13 MB | 皖ICP备13010663号-1
Powered by WordPress. | Hosted By 阿里云 | Theme by WordPress主题巴士 | 站点地图 | SiteMap | Uptime |