How to submit HTML multiple forms generated by jQuery

Question

On ajax success i have list of generated forms:

...
            success: function (data) {
            $el.append('<form method="POST" class="submit_form">Name: '+data[i].namen+' 
        Id: '+data[i].id+'<br>   SomethignElse: <label id="red">'+data[i].se+'</label><br> SomethingElse2: '+data[i].se2+'
            <input type="text" name="id" value="'+data[i].id+'" id="id_test" /> 
    <input type="button" class="submit_button1"  value="Add"/></form><br>');
    i = ++ i;
            }
...

Also i have a click functionto submit this forms/form:

 $(".submit_button1").click(function(){
//do something
});

but nothing happens on click. Is it possible to submit in this way?

Only one form can be submitted at a time – The One and Only ChemistryBlob Sep 12 '16 at 14:03 — The One and Only ChemistryBlob, Sep 12 '16 at 14:03

score 7 · Accepted Answer · answered Sep 12 '16 at 14:03

7

Please try .on('click' event listner.

$(document).on('click','.submit_button1',function(){
    //do something
});

answered Sep 12 '16 at 14:03

Rahul Patel

5,248
2
14
26

Thank You working fine for me – Klapsius Sep 12 '16 at 14:13

How to submit HTML multiple forms generated by jQuery

1 Answers1