JS控制form表单action去向

http://blog.csdn.net/w709854369/article/details/6261624

不知道大家遇没遇到这种情况,当我们提交一个表单的时候,可能因为相关的参数不同而需提交给不同的action地址。这时我们就可以用JS来实现这种功能。
===============
把相同的内容提交到不同的页面
===============

[javascript] view plaincopy

  1. <mce:script type="text/javascript"><!--
  2. function insertStu(){
  3. document.getElementById(‘myForm‘).action = "ctl.jsp?op=insert";
  4. document.getElementById("myForm").submit();
  5. }
  6. function deleteStu(){
  7. document.getElementById(‘myForm‘).action = "ctl.jsp?op=delete";
  8. document.getElementById("myForm").submit();
  9. }
  10. function modifyStu(){
  11. document.getElementById(‘myForm‘).action = "ctl.jsp?op=modify";
  12. document.getElementById("myForm").submit();
  13. }
  14. function selectStu(){
  15. document.getElementById(‘myForm‘).action = "ctl.jsp?op=select";
  16. document.getElementById("myForm").submit();
  17. }
  18. t;</mce:script>

<form id="myForm" action="" method="post">

<input type="button" name="qurray" value="查询" onclick="selectStu()" />
                 <input type="button" name="updata" value="修改" onclick="modifyStu()" />
                 <input type="button" value="添加" onclick="insertStu()" />
                 <input type="button" name="del" value="删除" onclick="deleteStu()" />

</form>

==========================================================

也可以把js语句直接写在input按钮的 onclick 里:

<form name="form1" action=""> 
      <input type="button" value="action1" onclick="form1.action=‘1‘;form1.submit();"> 
      <input type="button" value="action2" onclick="form1.action=‘2‘;form1.submit();"> 
 </form>

时间: 2024-11-05 01:56:04

JS控制form表单action去向的相关文章

JS控制submit表单提交前进行预览和confirm确认提交

JS控制submit表单提交前进行预览和confirm确认提交. 我们经常会遇到这样的场景,某一个form表单提交前,想知道那些checkbox的内容被选中了,如果符合则提交,如果不符合,则取消提交,很简单的代码,我就不说了,直接上代码了. <script type="text/jscript"> $(document).ready(function() { //alert($("input[name='xinjiu']:checked").val())

js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题

js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param {object} 参数对象 * url 必填 提交地址 * methond 选填 默认post 提交方式 post get * target 选填 默认_self 当前页面还是新页面 _self _blank * 其它参数 */ function jsFormSubmit(params) { var turnForm = document.createElement("form"); //一定要

Form表单中的action路径问题,form表单action路径《jsp---&gt;Servlet路劲问题》这个和上一个《jsp---&gt;Servlet》文章有关

Form表单中的action路径问题,form表单action路径 热度5 评论 50 www.BkJia.Com  网友分享于:  2014-08-14 08:08:01     浏览数44525次 Form表单中的action路径问题,form表单action路径 今天刚接触web,在用jsp和servlet做一个简单的登陆的时候在Form表单action属性和method属性的一些问题: 我遇到的是Form表单提交到servelet处理时遇到的问题: (1)<form name="l

form表单action带参数传递

form表单action带参数传递function submit(){  var u = document.forms[0].elements["user"].value;  document.forms[0].action = "admin.jsp?u="+u;  document.forms[0].submit();}

------------参数传递的四种形式----- URL,超链接,js,form表单

什么时候用GET,  查,删, 什么时候用POST,增,改  (特列:登陆用Post,因为不能让用户名和密码显示在URL上) 4种get传参方式 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>&

***四种参数传递的形式——URL,超链接,js,form表单

什么时候用GET,  查,删 什么时候用POST,增,改  (特列:登陆用Post,因为不能让用户名和密码显示在URL上) 4种get传参方式 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>&l

原生js实现form表单序列化

大家都知道在jquery中有相应的表单序列化的方法: 1.serialize()方法 格式:var data = $("form").serialize(); 功能:将表单内容序列化成一个字符串. 这样在ajax提交表单数据时,就不用一一列举出每一个参数.只需将data参数设置为 $("form").serialize() 即可. 2.serializeArray()方法 格式:var jsonData = $("form").serialize

js阻止form表单重复提交

防止表单重复提交的方法总体来说有两种,一种是在js中阻止重复提交:另一种是在后台利用token令牌实现,大致思路是生成一个随机码放到session和form表单的隐藏输入框中,提交表单时两者对比,表单处理完毕清空或者修改session中的token. 在js中处理简单易懂,同时能解决我现在所做的项目中的问题,目前暂用js处理,后期如有需要再研究token机制.代码如下: 1.表单提交后禁用提交按钮(在本项目中表单提交完成后,如果处理成功都把form表单关掉了) 1 /** 2 * form表单格

js重置form表单

CreateTime--2017年7月19日10:37:11Author:Marydon 需要使用的方法:reset() 示例: HTML部分 <form id="test"> <input id="test2" type="hidden" value="2"/> <textarea>测试是否会重置文本域,默认带值的不会被清空</textarea> <textarea id