添加类到<select>如果被点击或更改（js或jquery）

-2

我有一个选择（bootstrap-select所以它的行为就像下拉列表），我想知道是否选择已被点击或改变添加一些类与CSS。添加类到<select>如果被点击或更改（js或jquery）

<select required class="form-control selectpicker" title="shipping"> 
     <option>Standard</option> 
     <option>Express</option> 
     <option>...</option> 
    <select>

我想我的课只添加到这个特殊的选择元素 - 如果检查改变颜色为绿色，如果它被点击，但不能修改添加类颜色为红色;

代码也在这里https://jsfiddle.net/rumsugrw/

来源

2017-05-07 eudaimonia

答案出现在插件文档的[Events]（https://silviomoreto.github.io/bootstrap-select/options/#events）部分 – charlietfl

如果你有问题，请不要回答问题和回答问题有49分;）没有人会帮助你，如果你是这样的:) – Anokrize

@Anokrize OP没有downvote你的答案...我做到了。这是无效的。我已经给了你一个演示，以说明为什么还有解释说你没有注意事实OP是使用插件 – charlietfl

在你的JS，写了下面的代码：

$('.selectpicker').on('changed.bs.select', function (e) { 
    $(this).closest('.bootstrap-select').addClass("checked"); 
});

在您selectpicker的变化，这将将所需的类添加到您的选择框。
此外，你的CSS改成这样：

.bootstrap-select.checked > .dropdown-toggle > span { 
    color: red 
}

更新了小提琴。这里：https://jsfiddle.net/rumsugrw/35/

来源

2017-05-07 15:43:39 gaganshera

非常感谢你^ _ ^ – eudaimonia

使用事件：changed.bs.select

// this function is called on every changes 
$('.selectpicker').on('changed.bs.select', function (e) { 
var value = $(this).val(); 
// do some conditions here... 
});

来源

2017-05-07 15:34:23

添加类到<select>如果被点击或更改（js或jquery）

回答

相关问题