DOM find current selected drop down element

Question

Possible Duplicate:
How to get the selected value of dropdownlist using JavaScript?
javascript selected value

I have a drop down list for quantities, like this:

<select id="Quantity" name="Quantity" class="quantity_select">
    <option id="1" selected="selected" value="1">1</option>
    <option id="2" value="2">2</option>
    <option id="3" value="3">3</option>
</select>

I need to use javascript to find the value of the currently selected quantity. When I select e.g. option 2, the selected="selected" doesn't change to the new option. How can I use the DOM to get the current selected quantity?

Thanks

please share if you have tried some code before posting this Question. There are plenty of questions on SO itself for this logic — Riju Mahna, Jan 23 '13 at 12:40

James Hill · Accepted Answer · 2013-01-23T12:50:19.570

Option 1

HTML

<select id="Quantity" name="Quantity" 
        class="quantity_select" onchange="SetValue(this.value)>
    <option id="1" selected="selected" value="1">1</option>
    <option id="2" value="2">2</option>
    <option id="3" value="3">3</option>
</select>

JavaScript

function SetValue(val) {
    alert(val); // This will be the selected value in the drop down
}

Option 2

If you already have JS in place, and don't want to use option 1, you can simply get the value with getElementById():

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

score 2 · Answer 2 · answered Jan 23 '13 at 12:38

2

Use document.getElementById('Quantity').value

answered Jan 23 '13 at 12:38

techfoobar

65,616
14
114
135

score 2 · Answer 3 · answered Jan 23 '13 at 12:39

2

USe

document.getElementById('Quantity').options[document.getElementById('Quantity').selectedIndex].value;

answered Jan 23 '13 at 12:39

Dnyan Waychal

1,418
11
27

DOM find current selected drop down element

3 Answers3