Using PHP Input Arrays with Javascript [StartupCTO]

Last Updated: 21 Nov 2020

|

Author: 127.0.0.1

Page locked

This page is currently locked for editing by another user. You have to wait until this user finishes editing or the lock expires.

Currently locked by: 187.188.76.105
Lock expires at: Jun 12, 2026 08:46 AM (322 min)

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.

= Using PHP Input Arrays with Javascript =

PHP allows you to name multiple form elements with the same name (appended by square brackets):

<code html>
<form name='myForm'>
<input type='text' name='myInput[0]' id='myInput[0]' />
<input type='text' name='myInput[1]' id='myInput[1]' />
<input type='text' name='myInput[2]' id='myInput[2]' />
</form>
</code>

When you submit this, the ''$_REQUEST['myInput']'' variable becomes an array with all the values from your input boxes. But how do you access these input boxes in Javascript? You can't do:
<code javascript>
document.forms['myForm'].elements.myInput[0]
</code>
because the square brackets are illegal in an identifier in Javascript, even though they are legal in HTML. (In fact, that would try to access the ''0th'' element of the ''myInput'' array, which doesn't exist.) Instead, you can use the array notation for accessing a property of an object:
<code javascript>
document.forms['myForm'].elements['myInput[0]']
</code>
Since ''myInput[]'' is now being passed in as a string, and not a JS identifier, you're fine.

Page locked

About Me

Recent Changes

Get In Touch

Follow