Basic Ideas:
Get the jquery object of the corresponding form by using the jquery selector, and then use the attr method to modify the corresponding action
Example 1:
The table form will be submitted to page_one.html.
After clicking "button", the table ticket address is changed to page_two.html.
Copy codeThe Code is as follows:
<! 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 = "submit"/>
</Form>
</Div>
<Div>
<Button name = "update"> the address of the modified form is page_two.html. </button>
</Div>
</Body>
<Script>
Var $ fun = $ ('button [name = update] ');
$ Fun. click (function (){
('Formateid=qianshou}'{.attr('action', 'page_two.html ');
});
</Script>
</Html>
Example 2:
The actionaddress of the formobject is page_one.html, which is directly changed to page_two.html through jquery.
Copy codeThe Code is as follows:
<! 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 = "submit"/>
</Form>
</Div>
</Body>
<Script>
('Formateid=qianshou}'{.attr('action', 'page_two.html ');
</Script>
</Html>