jquery onchange select option not working

Question

Currently my code looks like this,

$("#select").change(function() {
    var thes = $(this).attr('value');
    var next = $('option[:selected]').next().attr('value');
    alert(next);
});

and my select looks like this

<select id="select">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

I tried using alert the variable thes and it pops up but when I use the variable next it won't. What is wrong with my code? Please help.

.attr('value'); can be replaced with .val()

Praveen
– Praveen

2013-10-18 18:44:57 +00:00
Commented Oct 18, 2013 at 18:44 — Praveen
– Praveen, Commented Oct 18, 2013 at 18:44

karthikr · Accepted Answer · 2013-10-18 18:46:06Z

4

Change

'option[:selected]'

To

'option:selected'

So:

$("#select").change(function() {
    var thes = $(this).attr('value');
    var next = $('option:selected').next().attr('value');
    alert(next);
});

Check this fiddle

Please note that this would give the next() for the last index as undefined. You may want to handle that appropriately.

Read more on the :selected selector here

answered Oct 18, 2013 at 18:46

karthikr

100k26 gold badges208 silver badges191 bronze badges

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

Comments

Praveen · Accepted Answer · 2013-10-18 18:47:40Z

0

You missed this

var next = $('option:selected').next().attr('value');

JSFIddle

answered Oct 18, 2013 at 18:47

Praveen

56.7k35 gold badges137 silver badges169 bronze badges

Collectives™ on Stack Overflow

jquery onchange select option not working

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