В моем HTML, у меня есть <select> со многими <option> элементами. Я хочу использовать jQuery для проверки значения каждого параметра в переменной Javascript. Если один из них соответствует, я хочу установить цвет этой опции. Как мне это сделать?Установить цвет для выбранной опции HTML Элемент выбора
Если я понял из ваших требований, вы должны попробовать следующее,
var yourVar = 1; //consider your expected value;
$(document).on('change', '#selectId', function(){
var currentValue = $(this).val();
if(yourVar == currentValue)
{
//apply your colour logic
}
});
Если это просто обычный список HTML, а не один JQuery UI, то это все:
var found = $('#cars option[value="saab"]');//Search for 'saab' value
found.css("color","red");//Set color as red<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>, если значение равно массиву, например, я хочу установить красный для варианта Volvo и Saab, как мне это сделать, используя каждый? – Yao
@ Yao, один из способов сделать это: $ $ ('# cars option [value = "saab"], [value = "volvo"]'); 'или проверить http://stackoverflow.com/questions/26301547/JQuery-Select-элементы по значению из-массива-из-значений, –
Вы можете поймать, какой вариант вы выбрали из jquery, из $(select).find('option:selected'), другим способом является $(select).val() (Он вернет значение select).
Но стилизовать выберите элемент невозможно, проверка этого link
показать нам, что вы пробовали до сих пор. –