Send multi message using jquery plugin in multi-row data?

Question

i use jquery.form to send a form, but in may case below how use this jquery plugin

$('#htmlForm').ajaxForm({ 
    target: '#htmlExampleTarget', 
    success: function() { 
        $('#htmlExampleTarget').fadeIn('slow');
        $('#htmlForm').hide();
    } 
});

for($i=1;$i<= 10;$i++){

//form $1

form name="form$i" action="blabla.php"

input type="text" name="name$i" />

input type="submit" name="submit" /

}

stefita · Accepted Answer · 2009-10-16 08:44:17Z

0

Use class instead of id and loop through the forms. For the target take an id like #htmlExampleTarget1.

var i = 1;
$('.htmlForm').each(function () {
   var object = $(this);
   object.ajaxForm({
      target: '#htmlExampleTarget' + i, 
      success: function() { 
         $('#htmlExampleTarget' + i).fadeIn('slow');
         object.hide();
       }
   });
   i++;
});

edited Oct 16, 2009 at 8:44

answered Oct 16, 2009 at 8:38

stefita

1,7932 gold badges20 silver badges35 bronze badges

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

3 Comments

stefita Over a year ago

how did you integrated, did you changed your php code respectively and what exactly didn#t work (i.e. js error output)?

Agus Puryanto Over a year ago

stefita Over a year ago

Yes, because you are using an id not a class, as I showed in my example! Change <form id="htmlForm" ...> to <form class="htmlForm"> and your script from $('#htmlForm').each ... to $('.htmlForm').each ... and try again.

Collectives™ on Stack Overflow

Send multi message using jquery plugin in multi-row data?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related