Javascript 如何设置显示:从下拉列表中选择项目后无?

Javascript 如何设置显示:从下拉列表中选择项目后无?,javascript,html,dom,events,Javascript,Html,Dom,Events,我已经编写了一个自动完成的下拉式弹出窗口。我想在从中选择元素后禁用它。这是HTML代码 <div class="searchbar__valuebox searchbar__valuebox-from"> <span class="selected__city-from">Maradana</span> <div class="from__valuebox"

我已经编写了一个自动完成的下拉式弹出窗口。我想在从中选择元素后禁用它。这是HTML代码

    <div class="searchbar__valuebox searchbar__valuebox-from">
        <span class="selected__city-from">Maradana</span>
        <div class="from__valuebox">
            <div class="from__valuebox-inside">
                <input type="text" id="from" name="from" class="input__from js--searchbox-from" />
            </div>
            <ul class="results__list"></ul>
        </div>
    </div>

马拉达纳
    我首先将“from\u valuebox”类设置为display,在CSS中为“none”。然后,当“searchbar\uuuu valuebox-from”发生单击事件时,“from\uuu valuebox”设置为显示:“block”。它起作用了。“ul”中的“li”元素是在我们搜索时创建的。我使用循环编码js以获得所选元素。但我想在进行选择后将display:'none'属性设置为'from_uvaluebox'。(我在js中将其设置为“无”。但它只有在向输入字段输入另一个字符后才会消失)。 下面是js代码

    const fromValueBox = document.querySelector(".from__valuebox");
    const selectCity = function() {
         let v = document.querySelectorAll(".results__list .results__list-inside");
    
         if (v.length > 0) {
           for (let i = 0; i < v.length; i++) {
             v[i].addEventListener("click", function (e) {
               selectedCity = e.target.textContent;
               // I tested fromValueBox.style.display = 'none' here;
             });
           }
         }
    }
    
    const fromValueBox=document.querySelector(“.from\u valuebox”);
    const selectCity=函数(){
    设v=document.queryselectoral(“.results\u list.results\u list-inside”);
    如果(v.length>0){
    for(设i=0;i
    代码段:
    const searchFrom=document.querySelector(“.js--searchbox from”);
    const fromValueBox=document.querySelector(“.from_uvalueBox”);
    const cityList=document.querySelector(“.results\u list”);
    const stationsArray=['Matara','Colombo Fort','Galle','Gampaha'];
    const searchStates=函数(searchText){
    clearResults();
    让matches=StationArray.filter(函数(状态){
    const regex=new RegExp(searchText,'gi');
    返回状态匹配(regex);
    });
    if(searchText.length==0){
    匹配项=[];
    }否则{
    匹配。forEach(renderCity)
    }
    };
    const renderCity=功能(城市){
    常量标记=`
    
  • ${city}
  • `; cityList.insertAdjacentHTML(“beforeed”,markup); } const clearResults=函数(){ cityList.innerHTML=''; } const selectCity=函数(){ 设v=document.queryselectoral(“.results\u list.results\u list-inside”); 如果(v.length>0){ for(设i=0;i
    
    从…起
    马拉达纳