Страницы

Поиск по вопросам

суббота, 13 июля 2019 г.

Как поменять background-color элемента select при клике на option?

Хочу изменить цвет элемента. Есть элемент список но в качестве значений этого элемента я использую цвет 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()); });

Комментариев нет:

Отправить комментарий