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

javascript html html-select
Paul D. Waite picture Paul D. Waite · Jul 21, 2010 · Viewed 106.5k times · Source

How do you get the currently selected <option> of a <select> element via JavaScript?

Answer

Pat picture Pat · Jul 21, 2010

This will do it for you:

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

Related questions

How to use Checkbox inside Select Option

The client has given me a design which has a Select Option menu containing a checkbox together with the item name as individual items in the list. Is there anyway possible to add a checkbox inside a Select Option menu? …

Read More
Removing an item from a select box

How do I remove items from, or add items to, a select box? I'm running jQuery, should that make the task easier. Below is an example select box. <select name="selectBox" id="selectBox"> <option value="option1">…

Read More
Is there an onSelect event or equivalent for HTML <select>?

I have an input form that lets me select from multiple options, and do something when the user changes the selection. Eg, <select onChange="javascript:doSomething();"> <option>A</option> <option>B</…

Read More