How to Get the Selected Value From a HTML Select Dropdown List?

javascript

Use the value property of the select element's DOM object.

HTML:

<select id="foo-select">
  <option value="foo">Foo</option>
  <option value="bar">Bar</option>
  <option value="baz">Baz</option>
</select>

JS:

var value = document.querySelector("#foo-select").value; // will return the selected value

Latest Questions