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