How to get Javascript Select box s selected text

Question

This things works perfectly    lt select name  selectbox  onchange  alert this value   gt    But I want to select the text  I tried in this way   lt select name  selectbox  onchange  alert this text   gt    It shows undefined  I found how to use DOM to get text  But I want to do this in this way  I means like using just this value

User · Answer

In order to get the value of the selected item you can do the following:

this.options[this.selectedIndex].text

Here the different options of the select are accessed, and the SelectedIndex is used to choose the selected one, then its text is being accessed.

Read more about the select DOM here.

User · Answer

Just use        SelectBoxId option selected   text      For Getting text as listed      SelectBoxId   val     For Getting selected Index value

User · Answer

Please try this code       YourSelect gt option selected   html

User · Answer

If you want to get the value  you can use this code for a select element with the id  selectBox   let myValue   document querySelector   selectBox   value    If you want to get the text  you can use this code  var sel   document getElementById  selectBox    var text  sel options sel selectedIndex  text

User · Answer

this options this selectedIndex  innerHTML   should provide you with the  displayed  text of the selected item  this value  like you said  merely provides the value of the value attribute

User · Answer

I know no-one is asking for a jQuery solution here  but might be worth mentioning that with jQuery you can just ask for     selectorid   val

[javascript] How to get Javascript Select box's selected text

Examples related to javascript

Examples related to select