如果单击，则删除搜索框上的项目

Question

我正在尝试使用文本框构建dropdown菜单。单击文本框时会显示项目，单击项目时，它们会变为绿色（已选中）并显示在文本框中。<登记/> 我想知道是否有一种方法可以让我只需点击搜索框中的项目，该项目就会被取消选择（ungreen）。如何捕获文本框中元素名称的点击。！

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