Задать вопрос
@MegaPuxapb

Как по value в селекте, найти такой же текст в селекторе, и добавить селектору класс?

динамически добавляю option в селект по содержимому в .text.
https://jsfiddle.net/Svupol/rk8q3zpn/19/
как при выборе в селекте, сделать поиск по содержимому в .text. и при нахождении добавлять класс?
  • Вопрос задан
  • 123 просмотра
Подписаться 1 Средний Комментировать
Решение пользователя 0xD34F К ответам на вопрос (3)
0xD34F
@0xD34F Куратор тега JavaScript
<div class="text">hello, world!!</div>
<div class="text">fuck the world</div>
<div class="text">fuck everything</div>

<select></select>

const texts = document.querySelectorAll('.text');
const select = document.querySelector('select');

select.append(...Array.from(texts, n => new Option(n.textContent)));
select.value = null;

select.addEventListener('change', ({ target: { selectedIndex } }) => {
  texts.forEach((n, i) => n.classList.toggle('active', i === selectedIndex));
});
Ответ написан