zoukankan      html  css  js  c++  java
  • 使用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>
    


  • 相关阅读:
    CSUFT 1002 Robot Navigation
    CSUFT 1003 All Your Base
    Uva 1599 最佳路径
    Uva 10129 单词
    欧拉回路
    Uva 10305 给任务排序
    uva 816 Abbott的复仇
    Uva 1103 古代象形文字
    Uva 10118 免费糖果
    Uva 725 除法
  • 原文地址:https://www.cnblogs.com/wzjhoutai/p/6805307.html
Copyright © 2011-2022 走看看