How do you get the currently selected <option> in <select> via JavaScript?

Question

How do you get the current <option> of a <select> element using JavaScript?

Answer 1

This will do it for you:

 var yourSelect = document.getElementById( "your-select-id" ); alert( yourSelect.options[ yourSelect.selectedIndex ].value ) 

Answer 2

.selectedIndex of the select object has an index; you can use this to index into an .options array.

Answer 3

 var payeeCountry = document.getElementById( "payeeCountry" ); alert( payeeCountry.options[ yourSelect.selectedIndex ].value );