How to find the ID of which submit button is submitted in javascript ( Without Editing HTML how to archive in Scripts)

Question

We have multiple forms with different IDs but same onclick function .

For Like ,

<input type="button" id="a"  value="SUBMIT"  onclick="fnSubmitForm();">

<input type="button" id="b"  value="SUBMIT"  onclick="fnSubmitForm();">

<input type="button" id="c"  value="SUBMIT"  onclick="fnSubmitForm();">

How to find the ID of which submit button is submitted.

I have edited the answer please check. – Sarim Javaid Khan Dec 10 '15 at 08:17 — Sarim Javaid Khan, Dec 10 '15 at 08:17

Sarim Javaid Khan · Answer 1 · 2015-12-31T10:06:14.800

2

add the function in the onclick like this

<input type='button' id='a' value='submit' onclick='fnSubmitForm()'/>
<input type='button' id='b' value='submit' onclick='fnSubmitForm()'/>
<input type='button' id='c' value='submit' onclick='fnSubmitForm()'/>

then get the passed value using the following snippet.

function fnSubmitForm(){
    console.log(this.document.activeElement.getAttribute("id"));
}

edited Dec 31 '15 at 10:06

answered Dec 10 '15 at 07:06

Sarim Javaid Khan

780
14
29

@ Sarim Javaid Khan : we dont have access to edit HTMl only access for Script files . then how to find the id ,without adding "this.id" in onClick – CodeMan Dec 10 '15 at 07:09
1

Sorry. It was not mentioned in the question. – Sarim Javaid Khan Dec 10 '15 at 07:14
Edited the answer. You can also have a check that this element is the same having onlick attribute's value as the function name to be very particular. – Sarim Javaid Khan Dec 10 '15 at 08:17

Andy · Accepted Answer · 2015-12-10T07:09:35.657

1

Pass in this to the function:

onclick="fnSubmitForm(this);"

and you can pick up the id:

function fnSubmitForm(el) {
  console.log(el.id);
}

DEMO

EDIT

Ok, since you can't edit the HTML, here's a script only solution:

// pick up the input elements with type=button
var buttons = document.querySelectorAll('input[type="button"]');

// add click events to each of them, binding the function
// to the event
[].slice.call(buttons).forEach(function (el) {
  el.onclick = fnSubmitForm.bind(this, el);
});

function fnSubmitForm(el){
  console.log(el.id);
}

DEMO

edited Dec 10 '15 at 07:09

answered Dec 10 '15 at 06:59

Andy

53,323
11
64
89

we dont have access to edit html only access for script .then how – CodeMan Dec 10 '15 at 07:01
@GobinathMahalingam: Which browsers do you want to support? – Felix Kling Dec 10 '15 at 07:08
@FelixKling, not sure if this is a duplicate since all the information wasn't in the original question. – Andy Dec 10 '15 at 07:14

score 0 · Answer 3 · answered Dec 10 '15 at 06:58

0

Try like this

onclick="fnSubmitForm(this.id);"

and get the value with the first function argument

function fnSubmitForm(id) {
  //your code
}

answered Dec 10 '15 at 06:58

Tᴀʀᴇǫ Mᴀʜᴍᴏᴏᴅ

3,941
1
18
51

1

Don't downvote this answer , Tareq is right. – Sarim Javaid Khan Dec 10 '15 at 07:07

How to find the ID of which submit button is submitted in javascript ( Without Editing HTML how to archive in Scripts)

3 Answers3