Sometimes, we want to retrieve the text of the selected option in a select element with JavaScript.
In this article, we’ll look at how to retrieve the text of the selected option in a select element with JavaScript.
How to retrieve the text of the selected option in a select element with JavaScript?
To retrieve the text of the selected option in a select element with JavaScript, we use properties of the select element.
For instance, we write
document.getElementById("test").options[
document.getElementById("test").selectedIndex
].text;
to select the select element with getElementById.
We get the options with the options property.
And we get the index of the selected option with document.getElementById("test").selectedIndex.
We use it to get the option element selected from options.
Finally we use the text property to get the text of the selected option.
Conclusion
To retrieve the text of the selected option in a select element with JavaScript, we use properties of the select element.
