使用jquery修改表单的提交地址基本思路

  基本思路:

  通过使用jquery选择器得到对应表单的jquery对象,然后使用attr方法修改对应的action

  示例程序一:

  默认情况下,该表单会提交到page_one.html

  点击button之后,表单的提交地址就会修改为page_two.html

  

复制代码 代码如下:

  <!doctype html>

  <html>

  <head>

  <meta charset="utf-8">

  <title>jquery test</title>

  <script src="jquery-1.11.1.min.js"></script>

  </head>

  <body>

  <div>

  <form action="page_one.html" id="qianshou">

  <input type="text"/>

  <input type="submit" value="提 交"/>

  </form>

  </div>

  <div>

  <button name="update">修改form的提交地址为page_two.html</button>

  </div>

  </body>

  <script>

  var $fun = $('button[name=update]');

  $fun.click(function(){

  $('form[id=qianshou]').attr('action','page_two.html');

  });

  </script>

  </html>

  示例程序二:

  form本来的action地址是page_one.html,通过jquery直接修改为page_two.html

  

复制代码 代码如下:

  <!doctype html>

  <html>

  <head>

  <meta charset="utf-8">

  <title>jquery test</title>

  <script src="jquery-1.11.1.min.js"></script>

  </head>

  <body>

  <div>

  <form action="page_one.html" id="qianshou">

  <input type="text"/>

  <input type="submit" value="提 交"/>

  </form>

  </div>

  </body>

  <script>

  $('form[id=qianshou]').attr('action','page_two.html');

  </script>

  </html>