How to map dynamic array of input fields

Question

I have a form with a set of input fields:

<form>
 <div class="row">
     <input type="text" name="product[1]">
     <input type="text" name="qty[1]"> 
 </div>
</form>

I also add new rows dynamically to the DOM with jquery's clone() function.

What is the best way to increase the index number? Or is there a better way to 'map' the product and qty fields before submitting to a PHP script?

you could just write product[] and qty[], PHP will deal your data like an array — Fabrizio Calderan
– Fabrizio Calderan, Commented Jan 20, 2015 at 10:37
@FabrizioCalderan, I tried this, but how will I be able to determine which qty value belongs to which product? — nexana
– nexana, Commented Jan 20, 2015 at 11:39
they are both arrays so e.g. product[42] is related to qty[42] (and vice-versa) — Fabrizio Calderan
– Fabrizio Calderan, Commented Jan 20, 2015 at 11:41

Rodion · Accepted Answer · 2015-01-20 10:39:56Z

1

Try this:

<form>
 <div class="row">
     <input type="text" name="product[]">
     <input type="text" name="qty[]"> 
 </div>
   <div class="row">
     <input type="text" name="product[]">
     <input type="text" name="qty[]"> 
 </div>
</form>

answered Jan 20, 2015 at 10:39

Rodion

5312 silver badges10 bronze badges

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

Collectives™ on Stack Overflow

How to map dynamic array of input fields

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related