Get selected option text using react js?

If it's single select, here is more simple way:

e.target.selectedOptions[0].text

You can get the option text by replacing this:

event.nativeEvent.target.text;

with this:

event.target.options[event.target.selectedIndex].text

Something like this should do

var index = event.nativeEvent.target.selectedIndex;
event.nativeEvent.target[index].text

Here is a demo http://jsbin.com/vumune/4/

Related