Howto get the Value of an Selected Object in Javascript

Question

How Can i get the value of an Selected object like select Id="foo" there are many options how can i get the value of the current selected?

Tim Down · Accepted Answer · 2010-01-20 11:17:20Z

4

The surest way for cross-browser support is

var foo = document.getElementById('foo');
var val = foo.options[foo.selectedIndex].value;

answered Jan 20, 2010 at 11:17

Tim Down

326k76 gold badges461 silver badges546 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Philippe Leybaert · Accepted Answer · 2010-01-20 11:07:25Z

3

The currently selected option in a <select> can be retrieved by inspecting the value attribute:

Using jQuery:

$("#foo").val()

Without jQuery:

document.getElementById("foo").value

answered Jan 20, 2010 at 11:07

Philippe Leybaert

172k33 gold badges213 silver badges224 bronze badges

value is a property, not an attribute. I blame jQuery for creating this muddle in people's minds with its ill-named attr() method.

david · Accepted Answer · 2018-07-26 07:36:55Z

2

document.getElementById('foo').value

david

3,2289 gold badges33 silver badges43 bronze badges

answered Jan 20, 2010 at 11:08

Kemo

7,0223 gold badges36 silver badges40 bronze badges

sorry, Philippe answered while I was answering