Question

jquery 如何获取select 选中项的下一个选项的值

<select>
<option value="1" selected="selected">a</option>
<option value="2">b</option>
<option value="3">c</option>
</select>
比如现在选中的是a，值是1，怎么得到下面的一个b，值2？

Answer 1

$("select option:selected").next()

 完整代码

<script>
	$(function() {
		$("select").change(function(event) {
			var obj = $(this).find("option:selected").next();
			alert("选中项的下一个: 内容"+obj.html()+",值"+obj.val());
		});
		
	})	
</script>

追问

不是在change事件中的， 是在另外一个button的点击事件中的
$("select").find("option:selected").next().val()
非常感谢，解决了~

追答

解决就好！！$("select option:selected").next()获得对象，具体使用看你的场合。

Answer 2

可以用Jquery的选择器来实现，

$("select option:selected").next()

<select>
    <option value="1" selected="selected">a</option>
    <option value="2">b</option>
    <option value="3">c</option>
  </select>
  <script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
  <script>
    $(function() {
        $("select").change(function(event) {
            var obj = $(this).find("option:selected").next();
            alert("选中项的下一个: 内容"+obj.html()+",值"+obj.val());
        });
         
    }) 
</script>

Jquery是一个优秀的Javascript库，还兼容各种浏览器。jQuery使用户能更方便地处理HTML、events、实现动画效果，并且方便地为网站提供AJAX交互。

Answer 3

贴一下这部分html代码看看，大概是
$("select option[selected=selected]").next()

追问

测试不行，有对象，没有得到值

追答

你要写道里面:$("select").change(function(){
$("select option[selected=selected]").next()

});