Хочу изменить цвет элемента.
Есть элемент список но в качестве значений этого элемента я использую цвет background-color
Пробовал через jQuery
$(option).click(funсtion(){ $(select).style("background-color:red;") });
Но так не получается.
Как при клике на элемент option менять цвет элемента select?
Ответ
При самом клике на option никак, надо использовать ивент change, когда меняется значение селекта :
Вариант на чистом JavaScript :
var select = document.querySelector('.select.new');
select.addEventListener('change', function() {
select.style.backgroundColor = select.value
});
Вариант на JQuery :
var select = $('.select.new');
select.on('change', function() {
select.css('background-color', select.val());
});
Комментариев нет:
Отправить комментарий