Getting selected option index of select element

Question

How can I get selected option index of <SELECT> with javascript. It is easy to get value with the help of jQuery's val() method but I couldnt get the index 0, 1, 2...

I can get it by some painful ways but I believe there must be something which can do it directly.

I create my select element on fly like this :

$formInput = $('<select class="userInput">');
$.each([A,B,C,D,E], function (i, v) {
    $option = $('<option value="' + v + '">' + v+ '</option>');
    $formInput.append($option);
});

And all methods I tried

$formInput.prop("selectedIndex")

$formInput.get(0).selectedIndex

$formInput[0].selectedIndex

did not work.

Here is the FIDDLE

Milind Anantwar · Accepted Answer · 2014-02-05 11:33:26Z

1

use selectedIndex property of the DOM element:

$("#selectElement")[0].selectedIndex

using javascript

document.getElementById('selectElement').selectedIndex

Fiddle

edited Feb 5, 2014 at 11:33

answered Feb 5, 2014 at 10:26

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

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

4 Comments

user3253797 Over a year ago

Thank you but I guess I asked this question in wrong way. I edited my question. I created my select element on the fly and I think it changes something. Could you please check it again

Milind Anantwar Over a year ago

try $(".userInput")[0].selectedIndex

user3253797 Over a year ago

There are a lot of these objects and I have to reach their selectedIndex.I prefer reaching them while generating instead of selecting them after generation.

Milind Anantwar Over a year ago

would be great if you can create the fiddle

Murali Murugesan · Accepted Answer · 2014-02-05 10:32:01Z

0

using index()

$("#selectElement option[selected]").index()

answered Feb 5, 2014 at 10:32

Murali Murugesan

22.6k18 gold badges76 silver badges123 bronze badges

Collectives™ on Stack Overflow

Getting selected option index of select element

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related