Store data from multiple inputs php

Question

I have a dynamic form where user can choose the number of inputs. I don't know how many input the form could have and I'd like to store the results in an array. Here my HTML :

<select name="number-children" id="number-children">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>

My jQuery :

$("#number-children").change(function () {
    var str = "";
    var count = Number($("#number-children option:selected").val());
    for (var i = 0; i < count; i++) {
      str += '<label class="col-sm-2 control-label" for="child-'+i+'">Child ' + i
              + '</label> <div class="col-sm-10"><input type="text" name="child-'+i+'" class="form-control" id="child-'+i+'"></input></div>';
   }
   $("#children").html(str);
});

How can I add each input's value into an array to collect it in a post php request ?

Thanks !

Abdus Salam · Accepted Answer · 2016-09-19 08:40:12Z

3

just Change

<input type="text" name="child-'+i+'" class="form-control" id="child-'+i+'"></input>

to

<input type="text" name="child['+i+']" class="form-control" id="child-'+i+'"></input>

answered Sep 19, 2016 at 8:40

Abdus Salam

2931 gold badge9 silver badges16 bronze badges

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

2 Comments

Frank Houweling Over a year ago

To append the answer of Abdus, you can then use $_POST['child'] as an array containing the values of i as keys, and input field values as values;

Ty Yt Over a year ago

Thanks for your help, it solved my problem ! Thanks to @jeroen too !

Ehsan · Accepted Answer · 2016-09-19 08:30:52Z

2

Change :

 $("#children").html(str);

To :

$("#children").append(str);

answered Sep 19, 2016 at 8:30

Ehsan

13k3 gold badges27 silver badges46 bronze badges

1 Comment

Ty Yt Over a year ago

Thanks, I'm able to send the dynamic data now !

jeroen · Accepted Answer · 2016-09-19 08:35:35Z

1

The easiest way to get all children in 1 array, is to use an array in html:

str += '<label class="col-sm-2 control-label" for="child-'+i+'">Child ' + i
          + '</label> <div class="col-sm-10"><input type="text" name="child[]" class="form-control" id="child-'+i+'"></input></div>';
                                                                           ^^ here

Now when you send the form, you will have all values as an array in $_POST['child'] so you can easily loop over them regardless of the number.

answered Sep 19, 2016 at 8:35

jeroen

91.8k22 gold badges118 silver badges132 bronze badges

Collectives™ on Stack Overflow

Store data from multiple inputs php

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related