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