How to get Javascript Select box's selected text

javascript select
Aajahid picture Aajahid · Jul 3, 2010 · Viewed 231.4k times · Source

This things works perfectly 

<select name="selectbox" onchange="alert(this.value)">

But I want to select the text. I tried in this way

<select name="selectbox" onchange="alert(this.text)">

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.

Answer

Delan Azabani picture Delan Azabani · Jul 3, 2010 
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.

Related questions

set option "selected" attribute from dynamic created option

I have a dynamically created select option using a javascript function. the select object is <select name="country" id="country"> </select> when the js function is executed, the "country" object is <select name="country" id="…

Read More
JQuery - how to select dropdown item based on value

I want set a dropdown(select) to be change based on the value of the entries. I have <select id="mySelect"> <option value="ps">Please Select</option> <option value="ab">Fred</…

Read More
Can I apply the required attribute to <select> fields in HTML5?

How can I check if a user has selected something from a <select> field in HTML5? I see <select> doesn't support the new required attribute... do I have to use JavaScript then? Or is there something …

Read More