@Zorgios

Как реализовать добавление пункта SELECT'a в список по клику на этот пункт?

Имеется список и SELECT с несколькими пунктами:
https://jsfiddle.net/re6dafLg/8/

<!DOCTYPE html>
<html>
 <body>
  <p>
   <select name="select" size="6" multiple>
    <option>Значение 1</option>
    <option>Значение 2</option>
    <option>Значение 3</option>
    <option>Значение 4</option>
    <option>Значение 5</option>
    <option>Значение 6</option>
   </select>
  </p>
  <div id="testId" class="testClass">
  <ul class="testClassUl">
    <li class="testClassLi">Значение 1</li>
    <li class="testClassLi">Значение 2</li>
    <li class="testClassLi">Значение 3</li>
  </ul>
  </div>
 </body>
</html>


Как средствами JS можно реализовать добавление пункта из SELECT в список?
  • Вопрос задан
  • 43 просмотра
Решения вопроса 1
@writer_2159
Жуть... просто жуть...
const select = document.querySelector('select');
const ul = document.querySelector('.testClassUl');

select.addEventListener('change',()=>{
	const selectedOptions = select.querySelectorAll('option:checked')
    
  ul.innerHTML  = "";
  
  for(const  option of selectedOptions){
    var li = document.createElement("li");
    li.classList.add('testClassLi');
    li.innerText = option.innerText;
    ul.appendChild(li);
  }
 
});
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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