How to get Javascript Select box's selected text

Question

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 1

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.

Answer 2

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.