jQuery in Action, 2nd edition*
The moose likes HTML, CSS and JavaScript and the fly likes Submit dynamically created form with jQuery Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login


JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "Submit dynamically created form with jQuery" Watch "Submit dynamically created form with jQuery" New topic
Author

Submit dynamically created form with jQuery

Yoke Lee
Greenhorn

Joined: Mar 09, 2011
Posts: 3
Hi all

I've been trying to achieve this for several hours but to avail. Hope I can find enlightenment here....

I am trying to make a dynamically form created by jquery in div element in a.php , submit to b.php, then return the result the same div in a.php

So far this is my code

a.php



When I click the a#igniter, it will populate the div panel with a form. I managed it with this piece of code.



With this i have a form (id="group_edit") in div panel in a.php. Great! But, whenever i submit, the whole page goes to b.php instead of the div....

tried this code as well:




but seems like it just never goes there.....

I tried the solutions here:
http://www.coderanch.com/t/482557/HTML-JavaScript/Submit-dynamically-created-form-jQuery
and
http://www.coderanch.com/t/480299/HTML-JavaScript/jQuery-form-submit-Form-plugin#2166604

but doesn't work for me....

Please help me.... thanks.....
Yoke Lee
Greenhorn

Joined: Mar 09, 2011
Posts: 3
Actually........... I solved it.

This is the final code that works:



Hope it helps any other who needs. Cheers
Jeanna Wheeler
Greenhorn

Joined: May 12, 2011
Posts: 1
I was hoping you might be able to help me out. I am pretty new to coding, but I am using a php/ajax script to dynamically load my drop down menus from a mySQL db.
Here is the code I'm using.



Is it possible to use something similar to what you've got to submit my results into my Results div instead of a separate page?

Thanks!
 
GeeCON Prague 2014
 
subject: Submit dynamically created form with jQuery