从选择中删除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，但是当我使用删除功能时，它会删除选择中的最后一个选项。

我尝试了onselect上的onchange / onclick事件，但未能使其正常工作。

解决方法

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