时间戳

首页 > 解决方案 > 从选择中删除 Javascript 函数

javascript - 从选择中删除 Javascript 函数

问题描述

我使用 Node.js express 和 mongodb 创建了一个 API，运行良好。

我有一个也可以正常工作的删除功能。

我有一个空的 HTML 选择，我通过执行一个 get 请求来生成不同的选项，该请求创建了我在我的 mongodb 数据库中拥有的所有选项。

我想在我的选择中删除选定的选项，但我正在努力寻找一种方法来获取特定选择选项的 id。

HTML

<select id="content-dropdown">
  
</select>

JS：

 function showGames(url){
    var request = new XMLHttpRequest();
    request.onreadystatechange = function() {
        if (this.readyState == XMLHttpRequest.DONE && this.status == 200) {
            var response = JSON.parse(this.responseText);
            let i = 0;
            
            for(i in response){
              dropdown.innerHTML += '<option value="'+response[i].title+'" id="'+response[i]._id+'" class="game">'+response[i].title+'</option>';
            }
            
        }
    };
    request.open("GET", url);
    request.send();
  }

我设法获取了所有 id，但是当我使用删除功能时，它会删除选择中的最后一个选项。

我在选择上尝试了 onchange / onclick 事件，但没有设法让它工作。

标签： javascriptapiselected

解决方案

只需将标识符设置为选项值：value="'response[i]._id'"然后侦听元素的onchange事件select并检索当前值event.target.value以调用后端。

推荐阅读