Using jquery to modify the submission address of the form
- 2020-03-30 03:11:27
- OfStack
Basic ideas:
Get the jquery object for the corresponding form by using the jquery selector, and then modify the corresponding action using the attr method
Sample program 1:
By default, the form is submitted to page_one.html
When you click on the button, the submission address of the form is changed to page_two-html
Sample program 2:
The original action address of the form is page_one.html, which is directly changed to page_two-html through jquery
Get the jquery object for the corresponding form by using the jquery selector, and then modify the corresponding action using the attr method
Sample program 1:
By default, the form is submitted to page_one.html
When you click on the button, the submission address of the form is changed to 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=" mention Hand in "/>
</form>
</div>
<div>
<button name="update"> Modify the form The submission address is 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>
Sample program 2:
The original action address of the form is page_one.html, which is directly changed to page_two-html through jquery
<!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=" mention Hand in "/>
</form>
</div>
</body>
<script>
$('form[id=qianshou]').attr('action','page_two.html');
</script>
</html>