jquery获取select下拉框的前一个,后一个,第一个,最后一个option对象

简介: $("select option:selected").next(); a b c $(function() { $("select").
$("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>

 

//select 当前当前选中的最后一个 option对象

var aucNum=$("#secOrderNum option:selected").text(); var aucNumLast=$("#secOrderNum option:last-child").text();

//select 当前当前选中的后一个 option对象
aucNum = $("#secOrderNum").find("option:selected").next().text();

 

 

 

//select 当前当前选中的第一个 option对象
var aucNum=$("#secOrderNum option:selected").text(); var aucNumFirst=$("#secOrderNum option:first-child").text();

//select 当前当前选中的前一个 option对象

aucNum = $("#secOrderNum").find("option:selected").prev().text();

 

相关文章
|
22天前
|
JavaScript
用JQuery实现选中select里面的option显示对应的div
用JQuery实现选中select里面的option显示对应的div
|
4月前
|
JavaScript 前端开发
jQuery学习(十二)—jQuery中对象的查找方法总结
jQuery学习(十二)—jQuery中对象的查找方法总结
|
4月前
|
JavaScript
jQuery学习(六)—jQuery对象的创建
jQuery学习(六)—jQuery对象的创建
|
5月前
|
JavaScript 前端开发 开发者
jQuery文档对象模型DOM的实际应用
jQuery文档对象模型DOM的实际应用
30 0
|
5月前
|
JavaScript
jquery实现下拉框选中对应的div
jquery实现下拉框选中对应的div
34 0
|
5月前
|
JavaScript
jQuery判断是否为对象或者数组
jQuery判断是否为对象或者数组
|
3月前
|
JavaScript 索引
jquery操作select(取值,设置选中)
jquery操作select(取值,设置选中)
|
4月前
|
JavaScript
【jQuery学习】—jQuery对象的访问
【jQuery学习】—jQuery对象的访问
|
4月前
|
JavaScript
【jQuery学习】—jQuery对象的串联
【jQuery学习】—jQuery对象的串联
|
4月前
|
JavaScript 前端开发
【jQuery学习】—jQuery对象的过滤
【jQuery学习】—jQuery对象的过滤