How to parse the data of multiple items with multiple inputs for each in HTML form?

Question

I have this HTML form:

<form>
    <div>
        <h1>Item 1</h1>
        <input name="item_title[]" value="Any 1">
        <input name="phone[]" placeholder="phone number">
        <input name="phone[]" placeholder="phone number">
        <input name="phone[]" placeholder="phone number">
    </div>
    <div>
        <h1>Item 1</h1>
        <input name="item_title[]" value="Any 2">
        <input name="phone[]" placeholder="phone number">
        <input name="phone[]" placeholder="phone number">
        <input name="phone[]" placeholder="phone number">
    </div>
    <div>
        <h1>Item 3</h1>
        <input name="item_title[]" value="Any 3">
        <input name="phone[]" placeholder="phone number">
        <input name="phone[]" placeholder="phone number">
        <input name="phone[]" placeholder="phone number">
    </div>
    ...
</form>

On server side, in PHP for example I can loop through item_title[] to know each item:

foreach($_POST['item_title'] as $key => $value){
    $item_order = $key; // or $key + 1
    $item_title = $value;
}

my problem is that I get a item_title array with 3 elements and a phone array will 9 elements but what I really want is to get:

item_title: phone1, phone2, phone3 // 1
item_title: phone1, phone2, phone3 // 2
item_title: phone1, phone2, phone3 // 3

so I can loop each time on item_title array and get the 3 phone numbers respectively to the items.

I hope my idea is clear :/

Thank you!

msg · Accepted Answer · 2018-09-11 23:08:50Z

1

If you can index your inputs, you can use multidimensional arrays:

<input name="item_title[0]" value="Any 1">
<input name="phone[0][]" placeholder="phone number">
<input name="phone[0][]" placeholder="phone number">
<input name="phone[0][]" placeholder="phone number">

And process them in php:

foreach($_POST['item_title'] as $key => $value){
    $item_title = $value;
    // Output formatted as in your example, but you can loop the array
    echo $item_title . ': ' . implode(',', $_POST['phone'][$key]);
}

Hope it helps

answered Sep 11, 2018 at 23:08

msg

8,2463 gold badges17 silver badges36 bronze badges

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

1 Comment

max max Over a year ago

this is exactly what i want! Thank you.

cli-ish · Accepted Answer · 2018-09-11 17:00:48Z

1

A solution would be that you create seperate phone names like this :

<div>
    <h1>Item 2</h1>
    <input name="item_title[]" value="Any 2">
    <input name="phone1[]" placeholder="phone number">
    <input name="phone2[]" placeholder="phone number">
    <input name="phone3[]" placeholder="phone number">
</div>
<div>
    <h1>Item 1</h1>
    <input name="item_title[]" value="Any 1">
    <input name="phone1[]" placeholder="phone number">
    <input name="phone2[]" placeholder="phone number">
    <input name="phone3[]" placeholder="phone number">
</div>

answered Sep 11, 2018 at 17:00

cli-ish

77211 silver badges23 bronze badges

Comments

user11130345 · Accepted Answer · 2018-09-11 17:06:20Z

0

You can use seelct2 check multiple select box option. For inserting multiple value.

answered Sep 11, 2018 at 17:06

user11130345

Collectives™ on Stack Overflow

How to parse the data of multiple items with multiple inputs for each in HTML form?

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related