I have several <select> elements in my page. Is there any easy way to select the last one of them? This brings me the first one:

document.getElementById("myList")

UPDATE:

Sorry for the wrong usage of getElementById. Let me change my question: How to access the last one of a certain element using getElementsByTagName?

document.getElementsByTagName("select")

I have several <select> elements in my page. Is there any easy way to select the last one of them? This brings me the first one:

document.getElementById("myList")

UPDATE:

Sorry for the wrong usage of getElementById. Let me change my question: How to access the last one of a certain element using getElementsByTagName?

document.getElementsByTagName("select")

• javascript
• dom
• css-selectors
• selector
• getelementbyid

• 1 There should only be one element with the id mylist... – brso05 Commented Nov 13, 2015 at 15:43
• 1 The id of an element has to be unique, you must not have more then one element with the id myList. Use e.g. class instead Document.getElementsByClassName(). – t.niese Commented Nov 13, 2015 at 15:43
• document.getElementsByTagName would be better for you. – Marcus Abrahão Commented Nov 13, 2015 at 15:44
• Possible duplicate of JavaScript and getElementById for multiple elements with the same ID – t.niese Commented Nov 13, 2015 at 15:46
• Sorry for wrong usage of getElementById. Let me change my question: How to access the last one of a certain element using getElementsByTagName? Ex. document.getElementsByTagName("select") – Ned Commented Nov 13, 2015 at 16:32

3 Answers 3

var allSelects = document.getElementsByTagName("select");
var lastSelect = allSelects[allSelects.length-1];

A more elegant solution:

document.querySelector("select:last-child")

You shouldn't be using more than one element with the same Id. A better option is document.getElementsByTagName i. e. document.getElementsByTagName("input")[document.getElementsByTagName("input").length - 1]