Javascript 从由FOR循环生成的选择列表中选择选项

只是需要更多的帮助，我需要建立一个工作面试计划>< 对于整个项目，我需要用户能够选择一个品种a狗，这是通过api提供的。它位于带有选项的下拉/选择菜单中。问题是，我似乎无法找到一种方法来指定哪个选项/品种。当我点击一个选项时，我得到的只是列表中最后一个选项。我可能在这里遗漏了一些非常简单的东西

var showcase = document.getElementById('showcase');

var select = document.getElementById('select-bar');

var request = new XMLHttpRequest();

// Get data from API endpoint
request.open('GET', 'https://dog.ceo/api/breeds/list', true);

request.onload = function () {
var data = JSON.parse(this.response);
var breeds = data.message;

if (request.status >= 200 && request.status < 400 ) {
 for (var i = 0; i < breeds.length; i++) {

   var opt = document.createElement('option');
   opt.innerHTML = breeds[i];
   opt.value = breeds[i];
   select.appendChild(opt);

}
select.addEventListener("change", function(event) {
  console.log(opt); })
 }
}

request.send();

我就是这样一个熟悉API和使用循环/数组的noob。帮助：

添加addEventListener以选择if循环外部的元素。还可以使用event.target.value获取所选元素

var showcase=document.getElementById'showcase'； var select=document.getElementById'select-bar'； var请求=新的XMLHttpRequest； //从API端点获取数据 请求。打开'GET'，'https://dog.ceo/api/breeds/list",对,； request.onload=函数{ var data=JSON.parsethis.response； var=data.message； 如果request.status>=200&&request.status<400{ 对于变量i=0；i<0.length；i++{ var opt=document.createElement'option'； opt.innerHTML=品种[i]； opt.value=品种[i]； 选择.appendChildopt； } } } 请求发送； select.addEventListenerchange，functionevent{ console.logevent.target.value； }

---

您可以通过多种方式解决这个问题，最简单的方法是向每个条目添加一个onClick事件，该条目将调用函数并将bride-ID作为参数传递

---

一个不错的选择是使用一个框架，比如我使用的AngularJS。不过，这需要您进行一些学习。

谢谢，就这样！是的，很简单，哈哈，我也学到了一些东西。