HTML/PHP - Form - Input as array

Question

I got a form like this

<form>
    <input type="text" class="form-control" placeholder="Titel" name="levels[level]">
    <input type="text" class="form-control" placeholder="Titel" name="levels[build_time]">

    <input type="text" class="form-control" placeholder="Titel" name="levels[level]">
    <input type="text" class="form-control" placeholder="Titel" name="levels[build_time]">
</form>

I'd like to have as $_POST output an array like:

Array (
  [1] => Array ( [level] => 1 [build_time] => 123 )
  [2] => Array ( [level] => 2 [build_time] => 456 )
)

I know I could do something like name="levels[1][build_time]" and so on, but since these elements get added dynamically, it would be hard to add an index. Is there another way?

As suggested, I changed my form. I also included my whole HTML now, because I think I'm missing something here. My HTML now:

<div class="form-group">
  <label class="col-md-2">Name(z.B. 1)</label>
  <div class="col-md-10">
    <input type="text" class="form-control" placeholder="Titel" name="levels[][level]">
  </div>

  <label class="col-md-2">Bauzeit(In Sekunden)</label>
  <div class="col-md-10">
    <input type="text" class="form-control" placeholder="Titel" name="levels[][build_time]">
  </div>
</div>

<div class="form-group">
  <label class="col-md-2">Name(z.B. 1)</label>
  <div class="col-md-10">
    <input type="text" class="form-control" placeholder="Titel" name="levels[][level]">
  </div>

  <label class="col-md-2">Bauzeit(In Sekunden)</label>
  <div class="col-md-10">
    <input type="text" class="form-control" placeholder="Titel" name="levels[][build_time]">
  </div>
</div>

The output I get now is:

[levels] => Array (
  [0] => Array ( [level] => 1 )
  [1] => Array ( [build_time] => 234 )
  [2] => Array ( [level] => 2 )
  [3] => Array ( [build_time] => 456 )
)

As suggested in your edit, I edited my form and moved the square brackets to the end of the name. The output I get now is:

[levels] => Array (
  [level] => Array (
    [0] => 1
    [1] => 2
  )
  [build_time] => Array (
    [0] => 234
    [1] => 456
  )
)

I guess that would kind of work, but it still looks complicated. Isn’t there a better way?

Hanky Panky · Accepted Answer · 2013-11-25 04:36:44Z

102

Simply add [] to those names like

 <input type="text" class="form-control" placeholder="Titel" name="levels[level][]">
 <input type="text" class="form-control" placeholder="Titel" name="levels[build_time][]">

Take that template and then you can add those even using a loop.

Then you can add those dynamically as much as you want, without having to provide an index. PHP will pick them up just like your expected scenario example.

Edit

Sorry I had braces in the wrong place, which would make every new value as a new array element. Use the updated code now and this will give you the following array structure

levels > level (Array)
levels > build_time (Array)

Same index on both sub arrays will give you your pair. For example

echo $levels["level"][5];
echo $levels["build_time"][5];

edited Nov 25, 2013 at 4:36

answered Nov 25, 2013 at 4:17

Hanky Panky

46.9k9 gold badges76 silver badges95 bronze badges

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

4 Comments

Hanky Panky Over a year ago

Ooops sorry I had my Square brackets at the wrong place. Please move them to end of the name like my new edit.

Evo_x Over a year ago

I see you edited your post again :) I got the same structure now but it's still not what I originally wanted. That's the best way to do it?

Hanky Panky Over a year ago

That isn't complicated. You can access one pair like echo $levels["level"][5]; echo $levels["build_time"][5];

a7omiton Over a year ago

this is a pretty great feature of HTML, saves a lot of tampering around on server side. Thanks for your answer, it helped me alot

Peter Mortensen · Accepted Answer · 2021-09-26 20:58:06Z

39

If it is OK for you to index the array, you can do this:

<form>
    <input type="text" class="form-control" placeholder="Titel" name="levels[0][level]">
    <input type="text" class="form-control" placeholder="Titel" name="levels[0][build_time]">

    <input type="text" class="form-control" placeholder="Titel" name="levels[1][level]">
    <input type="text" class="form-control" placeholder="Titel" name="levels[1][build_time]">

    <input type="text" class="form-control" placeholder="Titel" name="levels[2][level]">
    <input type="text" class="form-control" placeholder="Titel" name="levels[2][build_time]">
</form>

... to achieve this:

[levels] => Array (
  [0] => Array (
    [level] => 1
    [build_time] => 2
  )
  [1] => Array (
    [level] => 234
   [build_time] => 456
  )
  [2] => Array (
    [level] => 111
    [build_time] => 222
  )
)

But if you remove one pair of inputs (dynamically, I suppose) from the middle of the form then you'll get holes in your array, unless you update the input names...

edited Sep 26, 2021 at 20:58

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered Mar 17, 2015 at 14:16

Nuno Rafael Figueiredo

2,16622 silver badges21 bronze badges

1 Comment

Debiprasad Over a year ago

I would prefer this style of inputs as it becomes easier to process this once posted. However, it's a bit complex when you dynamically add more rows of inputs to the form. Is there any easier solution to this?

user6542662 · Accepted Answer · 2016-07-02 22:55:52Z

20

HTML: Use names as

<input name="levels[level][]">
<input name="levels[build_time][]">

PHP:

$array = filter_input_array(INPUT_POST);
$newArray = array();
foreach (array_keys($array) as $fieldKey) {
    foreach ($array[$fieldKey] as $key=>$value) {
        $newArray[$key][$fieldKey] = $value;
    }
}

$newArray will hold data as you want

Array ( 
  [0] => Array ( [level] => 1 [build_time] => 123 ) 
  [1] => Array ( [level] => 2 [build_time] => 456 )
)

answered Jul 2, 2016 at 22:55

user6542662

2212 silver badges2 bronze badges

1 Comment

Dediqated Over a year ago

I'm not sure why this was downvoted, but this was exactly what I needed.

Peter Mortensen · Accepted Answer · 2021-09-26 20:47:28Z

8

In addition:

For those who have a empty $_POST variable, don't use this:

name="[levels][level][]"

Rather use this (as it is already here in this example):

name="levels[level][]"

edited Sep 26, 2021 at 20:47

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered Sep 22, 2014 at 9:56

mheg

1211 silver badge4 bronze badges

Collectives™ on Stack Overflow

HTML/PHP - Form - Input as array

4 Answers 4

4 Comments

1 Comment

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related