get Id of input field using JavaScript

Question

I have input in grid, which each unique ID, output as following;

<a href="#" class="SearchUser_Icon Hyperlink_Text" onclick="load_getUserListByGroupID()" id="2"></a>

I want to know what is equivalent to $(this).attr("ID") in javaScript

 function load_getUserListByGroupID()
{

    var selectedGroupID = document.getElementById('input');

    alert(selectedGroupID);


}

Read a basic tutorial on the DOM API. You'll find useful routines there such as getAttribute. StackOverflow tends to function as a poor substitute for just reading the documentation. — user663031
– user663031, Commented May 22, 2015 at 14:01
The real answer here is addEventListener, that way you'd solve the issue with the inline handler and get access to this — adeneo
– adeneo, Commented May 22, 2015 at 14:02
Specifically, you could consult developer.mozilla.org/en-US/docs/Web/API/Element/id. This was the first result that popped up when I googled "html element id". — user663031
– user663031, Commented May 22, 2015 at 14:07

cнŝdk · Accepted Answer · 2021-11-17 15:44:08Z

5

You can simply get it using .id attribute like this:

this.id;

Or you can also use .getAttribute() method:

this.getAttribute('id')

So your example should be, like this:

 function load_getUserListByGroupID(element) {
   alert(element.id);
 }

<a href="#" class="SearchUser_Icon Hyperlink_Text" onclick="load_getUserListByGroupID(this)" id="2">aa</a>

answered May 22, 2015 at 14:03

cнŝdk

32.2k7 gold badges62 silver badges81 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Satpal · Accepted Answer · 2015-05-22 14:01:46Z

1

Pass this to onclick event handler. Then you can directly get its id.

Use

<a href="#" class="SearchUser_Icon Hyperlink_Text" onclick="load_getUserListByGroupID(this)" id="2"></a>

Script

 function load_getUserListByGroupID(elem){
    alert(elem.id);
 }

answered May 22, 2015 at 14:01

Satpal

134k13 gold badges168 silver badges171 bronze badges

jaeko44 · Accepted Answer · 2015-05-22 14:04:05Z

1

Use a variable,

onClick="reply_click(this.id)"

function reply_click(clicked_id)
{
    alert(clicked_id);
}

Add the OnClick function the element you'd like, this will also throw the ID value when processing to the function.

Hope this helps :)

answered May 22, 2015 at 14:04

jaeko44

842 silver badges11 bronze badges