Javascript 从 select 中删除函数

Question

我用 Node.js express 和 mongodb 创建了一个 API，工作得很好。

我有一个删除功能也很好用。

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

我想删除 select 中的 selected 选项，但我正在努力寻找一种方法来获取特定 select 选项的 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，但是当我使用删除功能时，它删除了 select 中的最后一个选项。

我在 select 上尝试了 onchange / onclick 事件，但未能成功。

Answer 1

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

Javascript 从 select 中删除函数

Javascript delete function from a select

javascript

api

selected