Getting a select's value with javascript

Question

I have the following condensed form

<form name="thecars">
<select name="cars">
    <option value="mustang">Mustang</option>
    <option value="pinto">Pinto</option>
    <option value="pinto">Chevelle</option>
    <option value="pinto">Other</option>
</select>
</form>

I am trying to get the value of the selected car by the following but it is not working

selectedCar = document.forms["thecars"].elements["cars"].options[thecars.cars.options.selectedIndex].value;

user447356 · Accepted Answer · 2011-01-18 21:53:58Z

3

Correct code would be:

var oForm = document.forms["thecars"];
var oDDL = oForm.elements["cars"];
var selectedCar = oDDL.value;

You can't get reference to the form by just using its name.

answered Jan 18, 2011 at 21:53

user447356

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

Comments

casablanca · Accepted Answer · 2011-01-18 21:47:53Z

1

Assign an ID to your select element:

<select name="cars" id="cars">

And you can get the value like this:

document.getElementById('cars').value

answered Jan 18, 2011 at 21:47

casablanca

70.9k8 gold badges139 silver badges155 bronze badges

Comments

Ben Lee · Accepted Answer · 2011-01-18 21:49:01Z

0

You are missing an =. Change this

<form name "thecars">

To this

<form name="thecars">

answered Jan 18, 2011 at 21:49

Ben Lee

53.5k15 gold badges129 silver badges146 bronze badges

1 Comment

Mike Over a year ago

Oh sorry that was a typo.The = is there.

Collectives™ on Stack Overflow

Getting a select's value with javascript

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related