PHP Form Arrays and Javascript DOM

firemankurt · 01-07-2007, 12:44 AM

Ok I figured this out once a long time ago but now I can not remember the proper way to do this.
I have a form named "formName" with a field "OTAuth[1]" that is later processed as a PHP array.

I have some text "RG-220" surrounded by a span tag I want to click on the text to fill "220" in the text box for me.

[HTML]
<form name="formName">
<span onclick="document.formName.OTAuth[1].value='220';">
RG-220
</span>

<br/>
<INPUT type="text" name="OTAuth[1]" value="">
</form>
[/HTML]

I recieve the following error.

Error: document.formName.OTAuth has no properties

How can I reference the "OTAuth[1]" input with javascript and not have javascript drop the "[1]" part?

rylan76 · 01-07-2007, 11:18 AM

Hmm - as far I know you'll need to define the array as a javascript variable? I. e. the error you get is correct - there is no array to reference, that is why is "has no properties"....? I. e. I think the PHP array is "invisible" to Javascript. (Not sure)

MicahCarrick · 01-07-2007, 11:58 AM

Why do you need to name the input OTAuth[1]? Is it because there will be multiple inputs which are loaded into an array in PHP? If that's the case, you may want to instead call them "OTAuth_1" etc. so that JS doesn't confuse them with a JS array. Maybe you can just use the id and leave the name alone (though I don't know if that's a valid name for a form element... I would run it through the w3c validator).

Code:

<form name="formName">
  <span 
    onclick="document.getElementById('OTAuth_1').value='220';">
    RG-220
  </span>
  <br/>
  <input type="text" id="OTauth_1" name="OTAuth[1]" value="">
</form>