Getting second value in jQuery dropdown

Question

How would I get the second value in a dropdown list using javascript or jquery?

<select id='dropdown'>
<option selected>Any</option>
<option>2</option>
<option>3</option>
</select>

e.g. i would like to get the value of number 2 in the dropdown

Are you trying to select the item after the selected option or just the second option? — Ivan Drinchev
– Ivan Drinchev, Commented May 12, 2013 at 16:15
There is no value defined for any of the options. Do you mean to take text or value? — Kailash Yadav
– Kailash Yadav, Commented May 12, 2013 at 16:19

T.J. Crowder · Accepted Answer · 2013-05-12 16:20:17Z

4

~~Neither of those options has a value.~~ (Actually, see note below.) You can get the text like this:

var text = $("#dropdown")[0].options[1].text;

Or without jQuery:

var text = document.getElementById("dropdown").options[1].text;

Live Example | Live Source

Or you can use .value instead of .text, as the option elements will default their value property if you don't give them a value attribute. (You can't select them using a value= selector, but the property is defaulted.)

edited May 12, 2013 at 16:20

answered May 12, 2013 at 16:13

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

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

1 Comment

T.J. Crowder Over a year ago

@alex23: With jQuery, everything is a set. So $("#dropdown") returns a set of elements (with one entry). The [0] gives us that one entry (the raw DOM element), from which we get the options...

palaѕн · Accepted Answer · 2013-05-12 16:25:11Z

2

To get the second value in a dropdown list using jquery, you can do this using .eq():

var text = $("#dropdown option").eq(1).text();

In order, to get the n th number value in the dropdown list, you can do this:

var text = $("#dropdown option").eq(n - 1).text();

edited May 12, 2013 at 16:25

answered May 12, 2013 at 16:16

palaѕн

74.2k17 gold badges123 silver badges140 bronze badges

Comments

Codegiant · Accepted Answer · 2013-05-12 16:18:27Z

1

Try this

JS CODE

$(function(){
    alert($('#dropdown option').eq(1).val());
});

LIVE DEMO

answered May 12, 2013 at 16:18

Codegiant

2,1501 gold badge22 silver badges31 bronze badges

Comments

Milson · Accepted Answer · 2013-05-12 17:13:59Z

1

Why not try this so easy to understand then :eq(n)

http://jsfiddle.net/q9qCR/2/

$('#dropdown option:nth-child(2)').val()

answered May 12, 2013 at 17:13

Milson

1,5753 gold badges15 silver badges31 bronze badges

Comments

Tamil Selvan C · Accepted Answer · 2013-05-12 16:21:22Z

0

Try

$(document).ready(function() {
  alert($("#dropdown option").eq(1).text());
});

answered May 12, 2013 at 16:21

Tamil Selvan C

20.3k12 gold badges55 silver badges72 bronze badges

Collectives™ on Stack Overflow

Getting second value in jQuery dropdown

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related