javascript - jquery onchange 选择选项不起作用

Question

目前我的代码如下所示，

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

我的选择看起来像这样

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

我尝试使用alert变量thes并且它会弹出，但是当我使用变量next时它不会弹出。我的代码有什么问题吗？请帮忙。

Answer 1

改变

'option[:selected]'

至

'option:selected'

所以:

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

检查this fiddle

请注意，这会将最后一个索引的 next() 指定为 undefined。您可能想要适本地处理这个问题。

了解有关 :selected selector here 的更多信息