asked on

Multidimensional arrays in Javascript

I've posted some code for a simple form. I have commented out the part of the function that isn't working as I would expect.

When a 'country' is selected from the drop-down menu, the corresponding 'country code' is populated in text fields of the form.

This works (form rows '1' and '2'):
document.forms.myForm.country0.value = countryCode

This does not work (form rows '3' and '4'):
document.forms.myForm.people[0][country].value = countryCode

I'd prefer to reference the form elements as in rows 3 and 4 but am uncertain how to reference multidimensional arrays in Javascript.

How should I go about this?

<html>
<head>
<title>People :: Names and Countries</title>
<script type="text/javascript">

</script>
</head>
<body>
<form name="myForm" method="post" action="processForm.php">
COUNTRY:
<select name="countryCode" onchange="addCountry(this.value);">
<option value="" selected>(Select COUNTRY)</option>
<option value="CAN">Canada</option>
<option value="FRA">France</option>
<option value="UK">United Kingdom</option>
</select>

<p>
1. NAME:<input type=text name=name0> COUNTRY:<input type=text name=country0><br />
2. NAME:<input type=text name=name1> COUNTRY:<input type=text name=country1><br />

3. NAME:<input type=text name=people[0][name]> COUNTRY:<input type=text name=people[0][country]><br />
4. NAME:<input type=text name=people[1][name]> COUNTRY:<input type=text name=people[1][country]><br />
</p>
</form>
</body>
</html>

ASKER CERTIFIED SOLUTION

b0lsc0tt

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

b0lsc0tt

If that doesn't work then can you either put the name value in quotes (e.g. name="people[0][name]") or use a different name (one without brackets)?

bol

speyfisher

ASKER

The first comment got it going by using '.elements[]'

i.e.
document.forms.myForm.elements["people[0][country]"].value = countryCode

The second comment-- (var name="...) value in quotes didn't do it. Using a different name without brackets worked fine in the example but I'd prefer the POST data sent to the php script be accessible something like: $country = $_POST['people'][$i]['country'];

Thanks bol!

b0lsc0tt

Your welcome! I'm glad the first worked then. I have had issues before but I was pretty confident elements[] would be a way to do it.

Thanks for the grade, the points and the fun question.

bol