jquery操作select详解(取值,设置选中)

更新时间：2014年02月07日 09:19:45 作者：

本篇文章主要是对jquery操作select(取值,设置选中)进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助

每一次操作select的时候，总是要出来翻一下资料，不如自己总结一下，以后就翻这里了。

比如<select class="selector"></select>

1、设置value为pxx的项选中

$(".selector").val("pxx");

2、设置text为pxx的项选中

$(".selector").find("option[text='pxx']").attr("selected",true);

这里有一个中括号的用法，中括号里的等号的前面是属性名称，不用加引号。很多时候，中括号的运用可以使得逻辑变得很简单。

3、获取当前选中项的value

$(".selector").val();

4、获取当前选中项的text

$(".selector").find("option:selected").text();

这里用到了冒号，掌握它的用法并举一反三也会让代码变得简洁。

很多时候用到select的级联，即第二个select的值随着第一个select选中的值变化。这在jquery中是非常简单的。

如：

复制代码代码如下:

$(".selector1").change(function(){

// 先清空第二个

$(".selector2").empty();

// 实际的应用中，这里的option一般都是用循环生成多个了

var option = $("<option>").val(1).text("pxx");

$(".selector2").append(option);

});

您可能感兴趣的文章:

Jquery遍历select option和添加移除option的实现方法
下面小编就为大家带来一篇Jquery遍历select option和添加移除option的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-08-08
jQuery实现简单的列表式导航菜单效果代码
这篇文章主要介绍了jQuery实现简单的列表式导航菜单效果代码,涉及jquery操作鼠标事件及页面元素样式动态变换的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-08-08
jQuery实现圣诞节礼物动画案例解析
这篇文章主要介绍了jQuery实现圣诞节礼物动画案例解析的相关资料,需要的朋友可以参考下
2016-12-12
jquery实现图片切换代码
这篇文章主要为大家详细介绍了jquery实现图片切换代码,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-10-10
easyui datagrid 表格中操作栏按钮图标不显示的解决方法
下面小编就为大家带来一篇easyui datagrid 表格中操作栏按钮图标不显示的解决方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-07-07
EasyUI中实现form表单提交的示例分享
这里给大家分享的是一段使用EasyUI中实现form表单提交的方法的核心代码，小伙伴们根据自己的需求补全form部分吧，希望大家能够喜欢。
2015-03-03
基于jQuery实现一个marquee无缝滚动的插件
这篇文章主要介绍了基于jQuery实现一个marquee无缝滚动的插件,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2017-03-03
jquery获得当前html页面源码的方法
这篇文章主要介绍了jquery获得当前html页面源码的方法,涉及jquery针对页面元素的相关操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-07-07
jQuery操作CSS样式
这篇文章介绍了jQuery操作CSS样式的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-03-03
jQuery原理系列-css选择器的简单实现
下面小编就为大家带来一篇jQuery原理系列-css选择器的简单实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-06-06