Get selected value in dropdown list using JavaScript

How do I get the selected value from a dropdown list using JavaScript?





test1
test2
test3



Given a select element that looks like this:

test1
test2
test3



Running this code:
var e = document.getElementById("ddlViewBy");
var value = e.value;
var text = e.options[e.selectedIndex].text;


Results in:

value == 2
text == "test2"

Interactive example:



var e = document.getElementById("ddlViewBy");
function onChange() {
var value = e.value;
var text = e.options[e.selectedIndex].text;
console.log(value, text);
}
e.onchange = onChange;
onChange();


test1
test2
test3



Stack Overflow Q#1085801, score: 3843