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();

 

相关文章
|
11月前
|
JavaScript
用JQuery实现选中select里面的option显示对应的div
用JQuery实现选中select里面的option显示对应的div
|
JavaScript 前端开发
jQuery学习(十二)—jQuery中对象的查找方法总结
jQuery学习(十二)—jQuery中对象的查找方法总结
|
JavaScript
jQuery学习(六)—jQuery对象的创建
jQuery学习(六)—jQuery对象的创建
|
15天前
|
JavaScript 索引
|
7月前
|
JSON JavaScript 前端开发
jQuery下拉框搜索模糊查询实现
【9月更文挑战4天】
183 10
|
10月前
|
JavaScript 前端开发 API
jQuery对象与DOM对象简介及相互转换
jQuery对象与DOM对象简介及相互转换
103 0
|
11月前
|
JSON 前端开发 JavaScript
jQuery ajax读取本地json文件 三级联动下拉框
jQuery ajax读取本地json文件 三级联动下拉框
|
存储 JavaScript 前端开发
Jquery 如何获取子元素。如何找到所有 HTML select 标签的选中项。jQuery 里的 ID 选择器和 class 选择器有何不同
Jquery 如何获取子元素。如何找到所有 HTML select 标签的选中项。jQuery 里的 ID 选择器和 class 选择器有何不同
178 1
|
11月前
|
JavaScript 索引
jquery操作select(取值,设置选中)
jquery操作select(取值,设置选中)
274 0
|
JavaScript
【jQuery学习】—jQuery对象的访问
【jQuery学习】—jQuery对象的访问