löschen Sie das Element auf Suchfeld, wenn geklickt

Question

Ich versuche, ein dropdown Menü mit einem Textfeld zu erstellen.Wenn das Textfeld angeklickt wird, erscheinen die Elemente und wenn die Elemente angeklickt werden, werden sie grün (ausgewählt) und erscheinen in der Textfeld.
Ich fragte mich, ob es einen Weg gab, auf dem ich einfach auf das Element im Suchfeld klicken konnte und das Element nicht ausgewählt wurde (nicht grün). Wie kann ich den Klick auf den Elementnamen im Textfeld erfassen?

Answer 1

Ich weiß nicht, ob dies ist genau das, was Sie suchen, aber es kann Ihnen helfen,

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