jQuery how to get selected index

Question

I have some markup:

<select name="serviceID[1]" id="serviceID[1]" class="computeThisService">
<option value="" selected="selected">No Selection</option>
<option value="4">TJ5</option>
<option value="1">TJ2</option>
<option value="5">TJ1</option>
<option value="2">TJ3</option>
</select>

I am trying to get the selected value and this does not work:

  var triggerID = event.target.id; // get the id that triggered the event
  var nStart = triggerID.indexOf('[') + 1;
  var nEnd = triggerID.indexOf(']');
  j = triggerID.substring(nStart, nEnd); // get the index of the id that triggered the event

  var el = $('select option:selected', this);
  alert(el.text());

Felix · Accepted Answer · 2014-04-22 16:25:11Z

2

You can use selectedIndex:

$("#serviceID\\[1\\]")[0].selectedIndex

Fiddle Demo

answered Apr 22, 2014 at 16:25

Felix

38.2k8 gold badges45 silver badges56 bronze badges

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

1 Comment

H. Ferrence Over a year ago

I tried that too earlier and it did not work @Felix. But I'll try again

Jay Blanchard · Accepted Answer · 2014-04-22 16:29:07Z

1

For jQuery all you need is this -

$('select option:selected').text();

So in your case it can be

$('#serviceID\\[1\\] option:selected').text();

http://jsfiddle.net/jayblanchard/StMd2/

answered Apr 22, 2014 at 16:29

Jay Blanchard

34.5k17 gold badges82 silver badges130 bronze badges

Collectives™ on Stack Overflow

jQuery how to get selected index

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related