这篇文章主要对jquery控制select的text/value值为选中状态做下总结,省的每次使用都要到网上翻下
每一次操作select的时候,总是要在网上翻下,太繁琐了,自己在这里总结下。

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

1、设置value为“全部“的项选中
 
$(".selector").val("全部");

2、设置text为“全部“的项选中
 
$(".selector").find("option[text='全部']").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);

});
最新资讯
不打烊的外卖成春节餐桌救星:年夜饭订单涨幅达107%

不打烊的外卖成春节餐

相较平日,除夕当天各省都涌现出一批订单涨幅惊人的本地
前迪士尼公司主席兼CEO罗恩·米勒去世 享年85岁

前迪士尼公司主席兼CE

据外媒报道,前迪士尼公司主席兼CEO罗恩·米勒(RonMiller
春节假期京城上百家重点监测商家进账逾48亿元

春节假期京城上百家重

北京市商务局10日公布的数据显示,重点监测的120家商业
《流浪地球》爆款来袭 多家A股公司参与投资

《流浪地球》爆款来袭

上映6天票房突破19亿元,“中国科幻电影里程碑”式电影
苹果降价短期销量增八成 但被指饮鸩止渴伤害品牌

苹果降价短期销量增八

虽然苹果官网的售价始终没有发生太大变化,但一月份各大
手机市场新年战伊始:苹果掀起价格战 华为主打创新牌

手机市场新年战伊始:

苹果手机发起的价格战引起了国产手机的警觉。与以往有
最新文章
微信小程序CSS3动画下拉菜单效果

微信小程序CSS3动画下

这篇文章主要为大家详细介绍了微信小程序CSS3动画下拉
微信小程序使用swiper组件实现层叠轮播图

微信小程序使用swiper

这篇文章主要为大家详细介绍了微信小程序使用swiper组
微信小程序实现带缩略图轮播效果

微信小程序实现带缩略

这篇文章主要为大家详细介绍了微信小程序实现带缩略图
小程序实现五星点评效果

小程序实现五星点评效

这篇文章主要为大家详细介绍了小程序实现五星点评效果
微信小程序实现笑脸评分功能

微信小程序实现笑脸评

这篇文章主要为大家详细介绍了微信小程序实现笑脸评分
微信小程序自定义轮播图

微信小程序自定义轮播

这篇文章主要为大家详细介绍了微信小程序自定义轮播图