How to assign multiple Id's to the same button

Question

I am looking to have a button which does two specific things depending on what the value of a variable is, however in order for my code to work I need to have multiple buttons rather than only creating and using one for the same purpose. For example:

function createCloseButton(){
    var close = document.createElement("input");
    close.type = "button";
    close.setAttribute("class", "btn btn-primary");
    close.setAttribute("value", "Close");
    close.setAttribute("id", "close");
    close.setAttribute("onclick"," hideFields(); createPicker();")
    if (change == "set"){
    close.setAttribute("data-dismiss", "modal");
    }
    else if (change == "search"){
        close.onclick = function(){
            hideFields();
        }
    }
    return (close);
}

This function when it is called creates and returns a close button. Is there a way to assign the button a different id each time it is called so that they can be differentiated? Or do I need to create 9 separate buttons?

Thanks

It is invalid HMTL to have the same id twice in a single document — Liam
– Liam, Commented Jul 20, 2016 at 13:12
I need to get the element though and am using document.getElementById. So would there be a way to say assign the ID of the element to button, and then the next time the function was called the ID would be button2 — user3204820
– user3204820, Commented Jul 20, 2016 at 13:14

Jaydip Jadhav · Accepted Answer · 2016-07-20 13:15:45Z

1

Yes you can do this using global counter variable

var idCounter=0; //declare variable here
function createCloseButton(){
  idCounter++; //every time this counter get incremented 
  ....
  close.setAttribute("id", "close"+idCounter);
  ...
}

answered Jul 20, 2016 at 13:15

Jaydip Jadhav

12.3k6 gold badges26 silver badges41 bronze badges

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

1 Comment

user3204820 Over a year ago

Thanks, this is what I was looking for

Collectives™ on Stack Overflow

How to assign multiple Id's to the same button

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related