Getting reference to element with array-like attribute

[laredotornado]

Hi,

I have a number of INPUTs on my page that look like

<input id="form_items[][prescription_number]" name="form_items[]
[prescription_number]" size="15" type="text" value="..." />

How do I refer the last one of these on my page?

Thanks, - Dave

[Tim Williams]

Your question is unclear. If you meant how do you get access to one of the
inputs:

document.getElementById("form_items[][prescription_number]")
or
document.yourFormName.elements["form_items[][prescription_number]"]

Tim

"laredotornado" <la***********@zipmail.comwrote in message
news:4d**********************************@w39g2000 prb.googlegroups.com...

Hi,

I have a number of INPUTs on my page that look like

<input id="form_items[][prescription_number]" name="form_items[]
[prescription_number]" size="15" type="text" value="..." />

How do I refer the last one of these on my page?

Thanks, - Dave

[laredotornado]

On Aug 13, 1:21*am, "Tim Williams" <timjwilliams at gmail dot com>
wrote:

Your question is unclear. *If you meant how do you get access to one ofthe
inputs:

document.getElementById("form_items[][prescription_number]")
or
document.yourFormName.elements["form_items[][prescription_number]"]

Tim

"laredotornado" <[e-mail] in message

news:4d**********************************@w39g2000 prb.googlegroups.com...

Hi,

I have a number of INPUTs on my page that look like

<input id="form_items[][prescription_number]" name="form_items[]
[prescription_number]" size="15" type="text" value="..." />

How do I refer the last one of these on my page?

Thanks, - Dave- Hide quoted text -

- Show quoted text -

Sorry for the confusion. What I meant to ask is, say I have a form
like this:

<form>
<input id="form_items[][prescription_number]" name="form_items[]
[prescription_number]" size="15" type="text" value="..." />
<input id="form_items[][prescription_number]" name="form_items[]
[prescription_number]" size="15" type="text" value="..." />
<input id="form_items[][prescription_number]" name="form_items[]
[prescription_number]" size="15" type="text" value="..." />
</form>

How do I get a reference to the 3rd input field?

Thanks, - Dave

[Tim Williams]

Sorry for the confusion. What I meant to ask is, say I have a form
like this:

<form>
<input id="form_items[][prescription_number]" name="form_items[]
[prescription_number]" size="15" type="text" value="..." />
<input id="form_items[][prescription_number]" name="form_items[]
[prescription_number]" size="15" type="text" value="..." />
<input id="form_items[][prescription_number]" name="form_items[]
[prescription_number]" size="15" type="text" value="..." />
</form>

How do I get a reference to the 3rd input field?

Thanks, - Dave

*Literally* with those id's and names, or are you using
"prescription_number" as a placeholder ? If they're literally like that then
you should consider a different naming strategy.

Your example:

document.forms[0].elements[2]
or more generally:
document.forms[0].elements[document.forms[0].elements.length-1]

....assuming that's the first form on the page and there are no other inputs
you're not showing.

Tim

[RobG]

On Aug 14, 1:15*am, "[e-mail]"
<[e-mail]:

On Aug 13, 1:21*am, "Tim Williams" <timjwilliams at gmail dot com>
wrote:

Your question is unclear. *If you meant how do you get access to one of the
inputs:

document.getElementById("form_items[][prescription_number]")
or
document.yourFormName.elements["form_items[][prescription_number]"]

Tim

"laredotornado" <[e-mail] in message

news:4d**********************************@w39g2000 prb.googlegroups.com....

Hi,

I have a number of INPUTs on my page that look like

<input id="form_items[][prescription_number]" name="form_items[]
[prescription_number]" size="15" type="text" value="..." />

How do I refer the last one of these on my page?

Thanks, - Dave- Hide quoted text -

- Show quoted text -

Sorry for the confusion. *What I meant to ask is, say I have a form
like this:

<form>
<input id="form_items[][prescription_number]" name="form_items[]
[prescription_number]" size="15" type="text" value="..." />
<input id="form_items[][prescription_number]" name="form_items[]
[prescription_number]" size="15" type="text" value="..." />
<input id="form_items[][prescription_number]" name="form_items[]
[prescription_number]" size="15" type="text" value="..." />
</form>

How do I get a reference to the 3rd input field?

For this specific example:

var name = 'form_items[][prescription_number]';
document.getElementsByName(name)[2];
You could also do something like:

var form = document.forms[0];
var name = 'form_items[][prescription_number]';
form.elements[name][2];
or more generally, if you want the last one:

var form = document.forms[0];
var name = 'form_items[][prescription_number]';
var inputs = form && form.elements[name];

if (inputs && inputs.length 0) {
var lastInput = inputs[inputs.length - 1];
}
Rather than relying on the form index, it would be better give your
form a name or id and access it using:

var form = document.forms[name];
or

var form = document.getElementById(id);
respectively.
--
Rob

[laredotornado]

On Aug 13, 11:56*pm, RobG <[e-mail]:

On Aug 14, 1:15*am, "[e-mail]"

<[e-mail]:

On Aug 13, 1:21*am, "Tim Williams" <timjwilliams at gmail dot com>
wrote:

Your question is unclear. *If you meant how do you get access to one of the
inputs:

document.getElementById("form_items[][prescription_number]")
or
document.yourFormName.elements["form_items[][prescription_number]"]

Tim

"laredotornado" <[e-mail] in message

>news:4d**********************************@w39g200 0prb.googlegroups.com....

Hi,

I have a number of INPUTs on my page that look like

<input id="form_items[][prescription_number]" name="form_items[]
[prescription_number]" size="15" type="text" value="..." />

How do I refer the last one of these on my page?

Thanks, - Dave- Hide quoted text -

- Show quoted text -

Sorry for the confusion. *What I meant to ask is, say I have a form
like this:

<form>
<input id="form_items[][prescription_number]" name="form_items[]
[prescription_number]" size="15" type="text" value="..." />
<input id="form_items[][prescription_number]" name="form_items[]
[prescription_number]" size="15" type="text" value="..." />
<input id="form_items[][prescription_number]" name="form_items[]
[prescription_number]" size="15" type="text" value="..." />
</form>

How do I get a reference to the 3rd input field?

For this specific example:

* var name = 'form_items[][prescription_number]';
* document.getElementsByName(name)[2];

You could also do something like:

* var form = document.forms[0];
* var name = 'form_items[][prescription_number]';
* form.elements[name][2];

or more generally, if you want the last one:

* var form * = document.forms[0];
* var name * = 'form_items[][prescription_number]';
* var inputs = form && form.elements[name];

* if (inputs && inputs.length 0) {
* * var lastInput = inputs[inputs.length - 1];
* }

Rather than relying on the form index, it would be better give your
form a name or id and access it using:

* var form = document.forms[name];

or

* var form = document.getElementById(id);

respectively.

--
Rob- Hide quoted text -

- Show quoted text -

Thanks, Rob for your detailed suggestions. I ended up going with the
first one. - Dave