Yoke Lee

Actually........... I solved it.

This is the final code that works:

$("#igniter").click(function(e){ $.ajax({ url: b.php, dataType:'html', type: 'GET', success: function(data){ $('#panel').html(data); $('#group_edit').submit(function(e) { $(this).ajaxSubmit({ target: '#panel', success: function() { $('#panel').html('CRAZY'); } }); return false; }); }, error: function(){ console.log("error"); } }); return false; });

Hope it helps any other who needs. Cheers

maybe a lil bit piece of code will be helpful.

if it were me, i would use jquery and use each() function.

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

<div id="left-col"> <a href="..." id="igniter"> </div> <div id="panel"> </div>

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

$("#igniter").click(function(e){ $.ajax({ url: b.php, dataType:'html', type: 'GET', success: function(data){ $('#panel').html(data); $('#panel form:first').ajaxForm(); }, error: function(){ console.log("error"); } }); return false; });

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:

$('#group_edit').submit(function(e) { console.log("here"); $(this).ajaxSubmit({ target: '#group_panel', success: function() { $('#group_panel').html('CRAZY'); } }); return false; });


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

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

but doesn't work for me....

Please help me.... thanks.....