j查询更改选择选项不起作用

jquery onchange select option not working

本文关键字：选项 不起作用 选择 查询      更新时间：2023-09-26

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

$("#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它不会。我的代码有什么问题？请帮忙。

更改 

'option[:selected]'

自

'option:selected'

所以：

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

检查这个小提琴

请注意，这会将最后一个索引的next() undefined 。您可能需要适当地处理它。

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

你错过了这个 

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

JSFIddle

相关文章：