Javascript 如果单击,则删除搜索框中的项目

Javascript 如果单击,则删除搜索框中的项目,javascript,angularjs,dom,Javascript,Angularjs,Dom,我正在尝试构建一个带有文本框的下拉菜单。单击文本框时,项目将显示,单击项目时,项目将变为绿色并显示在文本框中。 我想知道是否有一种方法,我可以只点击搜索框中的项目,然后该项目就会被取消选中。如何在文本框中捕获对元素名称的单击 我不知道这是否正是你想要的,但它可能会帮助你实现你想做的任何事情 <select multiple> <option class="anOption">One</option> <option class="anOption">

我正在尝试构建一个带有文本框的下拉菜单。单击文本框时,项目将显示,单击项目时,项目将变为绿色并显示在文本框中。 我想知道是否有一种方法,我可以只点击搜索框中的项目,然后该项目就会被取消选中。如何在文本框中捕获对元素名称的单击


我不知道这是否正是你想要的,但它可能会帮助你实现你想做的任何事情

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

您可以发布您的代码吗?您是否试图单击文本框中的某些文本并取消选择与之相关的值?