使用jquery修改表單的提交地址基本思路
更新時間：2014年06月04日 15:49:26 作者：
使用jquery選擇器得到對應表單的jquery對象，然后使用attr方法修改對應的action,需要的朋友可以參考下
基本思路：
通過使用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>
通過使用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>
相關(guān)文章
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)動態(tài)粒子效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-03-03
Asp.net下利用Jquery Ajax實現(xiàn)用戶注冊檢測（驗證用戶名是否存）
最近在朋友做個網(wǎng)站http://www.smarteas.net/，其中用實現(xiàn)用戶注冊這功能，最近網(wǎng)站做到了尾聲，我也就把其它有些技術(shù)和大家分享一下。2010-09-09
這篇文章主要介紹了jQuery實現(xiàn)給input綁定回車事件的方法,結(jié)合實例形式分析了2種常用的事件綁定操作技巧,需要的朋友可以參考下2017-02-02
實時監(jiān)控input框,實現(xiàn)輸入框與下拉框聯(lián)動的實例
下面小編就為大家分享一篇實時監(jiān)控input框,實現(xiàn)輸入框與下拉框聯(lián)動的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
jQuery實現(xiàn)瀏覽器之間跳轉(zhuǎn)并傳遞參數(shù)功能【支持中文字符】
這篇文章主要介紹了jQuery實現(xiàn)瀏覽器之間跳轉(zhuǎn)并傳遞參數(shù)功能,具有支持中文字符傳輸?shù)墓δ?涉及jQuery編碼轉(zhuǎn)換、事件響應、頁面跳轉(zhuǎn)等相關(guān)操作技巧,需要的朋友可以參考下2018-03-03
jQuery實現(xiàn)下拉菜單動態(tài)添加數(shù)據(jù)點擊滑出收起其他功能
這篇文章主要介紹了jQuery實現(xiàn)下拉菜單動態(tài)添加數(shù)據(jù)點擊滑出收起其他功能，本文給大家介紹的非常詳細,需要的朋友可以參考下2018-06-06
這篇文章主要介紹了jquery實現(xiàn)彈出窗口效果的實例代碼。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
jquery綁定事件 bind和on的用法與區(qū)別分析
這篇文章主要介紹了jquery綁定事件 bind和on的用法與區(qū)別,結(jié)合實例形式分析了jquery綁定事件 bind和on的基本功能、用法、區(qū)別與操作注意事項,需要的朋友可以參考下2020-05-05
這篇文章主要教大家簡單實現(xiàn)jQuery彈窗效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
Jquery ajax不能解析json對象，報Invalid JSON錯誤的原因和解決方法
我們知道Invalid JSON錯誤導致的json對象不能解析，一般都是服務器返回的json字符串的語法有錯誤。這種情況下，我們只需要仔細的檢查一下json就可以解決問題。2010-03-03