select根据选中内容变换字体颜色方法

1.解决当用户select时

---请选择---#d2d2d2

---真实内容---#a8a8a8


$(function(){

/*预约餐厅选择默认为浅灰色*/
var _thisSelect = $(".yuwq-restaurant-choose select");
yuwqColor();
_thisSelect.change(function(){
yuwqColor();
});

});

/*预约餐厅颜色状态控制*/
function yuwqColor(){

/*预约餐厅选择默认为浅灰色*/
var _thisSelect2 = $(".yuwq-restaurant-choose select");
var _thisVal = _thisSelect2.val();
console.log(_thisVal);
if(!_thisVal){
_thisSelect2.css('color','#d2d2d2');
}else{

_thisSelect2.css('color','#a8a8a8');
}

}


A.change(function(){

});内容变化时触发



判断空值时,!=null 和 !="", 有时没有!=flase 好用



select未选值前




select选值后



  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值