удалите элемент в поле поиска, если щелкнули

Question

Я пытаюсь создать меню dropdown с текстовым полем. Когда нажимается текстовое поле, элементы появляются, а при нажатии пунктов они становятся зелеными (выбраны) и отображаются в текстовое окно.
Мне было интересно, есть ли способ, по которому я мог бы просто щелкнуть элемент в окне поиска, и элемент будет не выбран (неэкранирован). Как я могу захватить щелчок по имени элемента в текстовом поле.!

Answer 1

Я не знаю, если это именно то, что вы ищете, но это может помочь вам достичь всего, что вы пытаетесь сделать

<select multiple> 
<option class="anOption">One</option> 
<option class="anOption">Two</option> 
<option class="anOption">Three</option> 
<option class="anOption">Four</option> 
</select> 

Javascript

var options = document.getElementsByClassName("anOption"); 
for(var i=0; i<options.length; i++){ 
options[i].addEventListener('click', function(){ 
this.style.backgroundColor="green"; 
}); 
}