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?

Answer 1

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

Answer 2

document.getElementById('foo').value

?

Answer 3

The surest way for cross-browser support is

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