Klasse hinzufügen zu <select>, wenn geklickt oder geändert wurde (js oder jquery)

Question

Ich habe eine Auswahl (bootstrap-select so verhalten sich wie Dropdown-Liste), würde ich gerne wissen, wenn ausgewählt wurde oder geändert, um eine Klasse hinzuzufügen mit CSS.

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

wollte ich nur auf diese besondere select-Element meiner Klasse hinzufügen - wenn der Scheck Farbe zu grün, und wenn es angeklickt wurde, jedoch nicht mit Farbe hinzufügen Klasse geändert rot;

Code hier auch https://jsfiddle.net/rumsugrw/

Answer 1

In Ihrem js, schreiben Sie den folgenden Code:

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

Bei Änderung Ihrer selectpicker, diesen Willen Fügen Sie Ihrer Auswahlbox die erforderliche Klasse hinzu.
Ändern Sie auch Ihre CSS dazu:

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

die Geige aktualisiert. Hier: https://jsfiddle.net/rumsugrw/35/

Answer 2

Verwenden Sie das Ereignis: 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... 
});