Send multiple fields with the same name via jQuery

Question

how to send multiple fields with the same name via jQuery like this:

<input type="text" name="text[]" />
<input type="text" name="text[]" />
<input type="text" name="text[]" />

jQuery:

   function upload() {
    $.post('example.php', { text[]: Form.text[].value },
      function(output) {
      $('#result').html(output).show();
      });
    }

upload.php:

text[$i] = $_POST['text'][$i];

thank you,

EDIT: correct my question.

tvanfosson · Accepted Answer · 2010-12-24 12:12:06Z

2

I believe that serialize() will do the right thing and produce the appropriate form parameters for such a set of inputs.

$(function() {
   $('form').submit( function() {
       $.post( 'foo.php', $('[name^=bar]').serialize(), function(data) {
           alert(data);
       });
       return false;
   });
});

edited Dec 24, 2010 at 12:12

answered Dec 24, 2010 at 11:57

tvanfosson

534k102 gold badges703 silver badges801 bronze badges

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

2 Comments

Swell Over a year ago

my question is how to send multiple fields with the same name via jQuery not to upload files!!

tvanfosson Over a year ago

@Swell - I've updated my answer to address other types of inputs.

Collectives™ on Stack Overflow

Send multiple fields with the same name via jQuery

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related