determining name of form element

[Bosconian]

I've hunted high and low, but I can't figure out how to retrieve the name of
an element when onclick occurs.

<select name="myselect" onclick="alert(this.form.elements.name)">

returns a blank alert box.

Can someone clue me in? Thanks.

 

[Matt Kruse]

I've hunted high and low, but I can't figure out how to retrieve the
name of an element when onclick occurs.

You didn't try the obvious "name" property?

<select name="myselect" onclick="alert(this.form.elements.name)">

First, the "onclick" event doesn't apply to select elements.

But from within a form element's event handler you can always reference
this.name to get the control's name.

 

[Randy Webb]

Bosconian said the following on 5/2/2006 11:21 PM:

I've hunted high and low, but I can't figure out how to retrieve the name of
an element when onclick occurs.

onclick="alert(this.name)"

 

[Bosconian]

Bosconian said the following on 5/2/2006 11:21 PM:

onclick="alert(this.name)"

http://www.JavascriptToolbox.com/bestpractices/

Argh, that's way too easy. *blush*

Thanks a million!

 

[Randy Webb]

Matt Kruse said the following on 5/2/2006 11:52 PM:

You didn't try the obvious "name" property?


First, the "onclick" event doesn't apply to select elements.

Are you sure? I won't say all browsers, but I can say that IE6, Firefox,
Opera7/8/9 and Mozilla proper on WinXP SP2 all fire the onclick of a
Select element:

<select name="mySelect" onclick="alert(this.name)">

Not sure what good it is but it fires.

But from within a form element's event handler you can always reference
this.name to get the control's name.

If it has a name attribute

 

[Bosconian]

First, the "onclick" event doesn't apply to select elements.

While "onclick" does in fact work perfectly fine with select inputs, I ended
up switching to "onfocus" for keyboard compatibility.