Search jQuery

jQuery Forum

Load results of submitted form to specific DIV

in Using jQuery • 11 years ago

I am quite new to this, so pardon if this is a elementary question.
I have searched the forum, and the web but have not been able to find an answer.

How can I target a specific <div> to display the result of a form?
I would like to be able to specify the target div on a per-form basis, and have the target independent of the <div> that contained the actual form.

So for example I may have a form in <div id="left"> <form>.....</form></div>, that I want to post the data to somepage.php, and load somepage.php into <div id="right">

Any help greatly appreciated.

Replies(1)

charlietfl

Re: Load results of submitted form to specific DIV

11 years ago

Will over ride the form submit event

$('#left form').submit(function(){

// gather the form data

var data=$(this).serialize();

// post data

$.post('somepage.php', data , function(returnData){

// insert returned html

$('#right').html( returnData)

})

return false; // stops browser from doing default submit process

});

This will now be available from either a submit input in form itself or may be triggered by some other page event using:

$('#left form').submit()

Top Reply

Response title

Attachments

jQuery Forum

Load results of submitted form to specific DIV

Replies(1)

Re: Load results of submitted form to specific DIV

Statistics

Tags

Actions