How to get val() of option in jQuery object array

Question

I have the following select tag:

<select id="myselect">
    <option value="1">Mr</option>
    <option value="2">Mrs</option>
    <option value="3">Ms</option>
    <option value="4">Dr</option>
    <option value="5">Prof</option>
</select>

How can I console.log the value of option tag number 2? I am trying this, but it isn't working.

$(document).ready(function () {
    console.log($("#myselect option")[2].val());
});

http://jsfiddle.net/u44pu1os/3/

Try this: `console.log($("#myselect option:selected").val()); — alexandreferris
– alexandreferris, Commented Jun 5, 2015 at 17:55
@holpducki The question asks specifically for the value of the second option, not the selected option (whatever that might be). — Paul Roub
– Paul Roub, Commented Jun 5, 2015 at 17:57

Abhishekh Gupta · Accepted Answer · 2015-06-05 17:54:50Z

4

You can try this:

$(document).ready(function () {
    console.log($("#myselect option:eq(1)").attr("value"));
});

answered Jun 5, 2015 at 17:54

Abhishekh Gupta

6,2464 gold badges21 silver badges49 bronze badges

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

Comments

depperm · Accepted Answer · 2015-06-05 18:03:52Z

0

This should do it

console.log($('#myselect option[value="2"]').html());

answered Jun 5, 2015 at 18:03

depperm

10.8k4 gold badges46 silver badges68 bronze badges

Collectives™ on Stack Overflow

How to get val() of option in jQuery object array

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related