accessing fieldnames with [] in them

[archigamer]

Is there a way in Javascript to access a field with [] in it for example
destList[]. I need to have this since the field is a listbox and it contains multiple options. it gets posted to the server and handled by PHP. in order to have all the options submitted to the server the name of the field needs to have a [] on the end of it.

[beetle]

Use the elements collection

var myRef = document.forms['formName'].elements['elementName'];

I recommend always using collections instead of the exposed properties.

[Vincent Puglia]

<script type="text/javascript">
<!--
function doit(var1, var2)
{
switch(var1)
{
case 1:
alert(document.a[var2].value)
break;
case 2:
var fldName = var2.name;
alert(document.a[fldName].value);
break;
case 3:
alert(document.a[var2].value)
}
}
//-->
</script>
<form name='a'>
<input type="text" name="b[0]" onBlur='doit(1, this.name)' value="0">
<input type="text" name="b[1]" onBlur='doit(2, this)' value="1">
<input type="text" name="b[2]" onBlur="doit(3, 'b[2]')" value="2">
</form>


Vinny

[beetle]

Interesting vincent, but there's no difference between 1 and 3, so you really only have two cases, and I'd do it this way

<script type="text/javascript">
<!--
function doit(var1)
{
switch(typeof var1)
{
case 'string':
alert(document.a.elements[var1].value)
break;
case 'object':
alert(var1.value);
break;
}
}
//-->
</script>
<form name='a'>
<input type="text" name="b[0]" onBlur='doit(this.name)' value="0">
<input type="text" name="b[1]" onBlur='doit(this)' value="1">
<input type="text" name="b[2]" onBlur="doit('b[2]')" value="2">
</form>

Of course - it's a little silly to use a switch statement for only two possibilities

[Vincent Puglia]

Hi Beetle,

interesting use of 'typeof'

I called it 3 to point out the use of 'this.name' and 'b[0]'

Vinny

[beetle]

I called it 3 to point out the use of 'this.name' and 'b[0]'

True, but the code in the switch for 1 an 3 are identical, so it would bet best to just illustrate the difference in how you can send the name

<input type="text" name="b[0]" onBlur='doit(1, this.name)' value="0">
<input type="text" name="b[1]" onBlur='doit(2, this)' value="1">
<input type="text" name="b[2]" onBlur="doit(1, 'b[2]')" value="2">

And leave "case 3" off, because it's pure repitition.