0

目前我的代码看起来像这样,

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

我的select样子是这样的

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

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

4

2 回答 2

4

改变

'option[:selected]'

'option:selected'

所以:

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

检查这个小提琴

请注意,这将使next()最后一个索引为undefined. 您可能想要适当地处理它。

在此处阅读有关选择器的更多信息:selected

于 2013-10-18T18:46:06.357 回答
0

你错过了这个

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

JSFIdle

于 2013-10-18T18:47:40.553 回答