@MegaPuxapb

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

динамически добавляю option в селект по содержимому в .text.
https://jsfiddle.net/Svupol/rk8q3zpn/19/
как при выборе в селекте, сделать поиск по содержимому в .text. и при нахождении добавлять класс?
  • Вопрос задан
  • 119 просмотров
Решения вопроса 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.innerHTML = Array
  .from(texts, n => `<option>${n.innerText}</option>`)
  .join('');

select.value = null;

select.addEventListener('change', ({ target: { selectedIndex } }) => {
  texts.forEach((n, i) => n.classList.toggle('active', i === selectedIndex));
});
Ответ написан
Stimulate
@Stimulate
могу
Ответ написан
Комментировать
Eridani
@Eridani
Мимо проходил
Т.к. в топике стоит тег Jquery, то нате
https://jsfiddle.net/rk8q3zpn/37/
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы