jQuery serialize on forms created by php output

Question

How do I serialize a form in jquery that is generated by php output?

    $qrform = '<form action="" method="post" id="qrgen">
    <p><strong>Bookmark a Website</strong></p>
    Title<input type="text" name="title"><br />
    Url<input type="text" name="url"><br />
    <input type="submit" value="Generate"></form>';

    echo $qrform ;

Now this data is displayed by an AJAX request. A php function outputs the data and then shows the form in the browser window.

How do I serialize this form in jquery, when the form is submitted?

DiverseAndRemote.com · Accepted Answer · 2012-12-21 21:42:16Z

3

what you need is

jQuery('#qrgen').serialize();

answered Dec 21, 2012 at 21:42

DiverseAndRemote.com

20k10 gold badges65 silver badges75 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

pelister Over a year ago

this is what I tried

$ ( 'form' ).submit( function ( event ) {     event.preventDefault( );      var myform = $( this );         $.post( "ajax.php" , myform.serialize(),              function ( data ) {                    ( process data )           });  });

but when I click submit nothing happens

pelister Over a year ago

moreover the form is displayed in the browser window, but when I check the source of the page, there is no html for the form displayed.

PhearOfRayne · Accepted Answer · 2012-12-21 21:58:15Z

1

Updated code if your getting the form via ajax you will need to bind the submit button like this:

$(function () {
    $(document).on('submit', '#qrgen', function (e) {
        e.preventDefault(); //Prevent normal form submittion
        var $form = $(this);

        $.ajax({
            url: $form.attr('action'),
            data : $form.serialize(),
            success: function(data) {
                alert('Ajax was successful');
            },
            type : 'POST' //'POST' or 'GET'
        });
    });
});

edited Dec 21, 2012 at 21:58

answered Dec 21, 2012 at 21:51

PhearOfRayne

5,0504 gold badges33 silver badges44 bronze badges

3 Comments

pelister Over a year ago

steven that doesnt work either, form is displayed by ajax request that outputs the forms returned by php function. but the form displayed in the browser window doesnt have the source when I checked the page source. will that be the problem?

PhearOfRayne Over a year ago

@user1922552 You need to bind the new submit button using the .on() method like my updated answer. It would be helpful to see your jQuery code.

PhearOfRayne Over a year ago

@user1922552 Your welcome, glad its working for you. Please remember to click the check mark if your satisfied with my answer.

Collectives™ on Stack Overflow

jQuery serialize on forms created by php output

2 Answers 2

2 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related