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

Question

[MegaPuxapb]

динамически добавляю option в селект по содержимому в .text.
https://jsfiddle.net/Svupol/rk8q3zpn/19/
как при выборе в селекте, сделать поиск по содержимому в .text. и при нахождении добавлять класс?

Answer 1

[0xD34F]

<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));
});

Comments

[MegaPuxapb]

спасибо)

Answer 2

[Stimulate]

https://jsfiddle.net/rk8q3zpn/34/

Answer 3

[Антон]

Т.к. в топике стоит тег Jquery, то нате
https://jsfiddle.net/rk8q3zpn/37/