Get selected option from select using JavaScript
Question:
How to get selected option from select using JavaScript? Answer:
const selectedValue = document.getElementById("color-id").value;Description:
To get the selected value from a dropdown list, i.e. the selected option from a select element, using vanilla JavaScript simply get the element and read the value attribute.
The code above reads the selected value from the following HTML select:
<select id="color-id">
<option value="1">Red</option>
<option value="2" selected="selected">Green</option>
<option value="3">Blue</option>
</select>Reference:
The select element reference
Share "How to get selected option from select using JavaScript?"
Related snippets:
- Create HTML element with attributes in JavaScript
- Get element by ID in React
- Set the required attribute in JavaScript
- Get elements by data attribute in JavaScript
- Add class to the clicked element in JavaScript
- Add class to multiple elements in JavaScript
- Add class to element if it does not already exists with JavaScript
- Add data attribute to element in JavaScript
- Add CSS class to body with JavaScript
- Add class to parent element in JavaScript
- Toggle fullscreen and normal mode with JavaScript
- Play video in fullscreen with vanilla JavaScript
- Select HTML elements by CSS selectors in vanilla JavaScript
- Exit from fullscreen mode on click in JavaScript
- Switch browser to fullscreen mode with JavaScript
- Get the value of text input field in JavaScript
- Get element with data- attribute using vanilla JavaScript
- Get the value of selected radio button in JavaScript
- Get selected option from select using JavaScript
- Check if element is hidden in JavaScript
Tags:
select, list, dropdown, option, selected element, selected value Technical term:
Get selected option from select using JavaScript