Using PHP Input Arrays with Javascript [StartupCTO]

Last Updated: 20 Oct 2023

|

Author: 135.181.114.235

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: 40.77.167.45
Lock expires at: Apr 20, 2024 09:55 AM (154 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