在函数

Question

我正在尝试从API访问数据，将其添加到下拉菜单，然后在点击下拉列表中的相应名称时添加图片（URL在API中）。

我已在populateDropdown()中成功创建了下拉菜单，但我希望能够在完全不同的功能中访问下拉选项，以便创建新功能。我无法弄清楚应该把回复陈述放在哪里。

如果可以，我想避免使用Jquery。

const baseURL = 'https://redacted.com'
const rolesURL = "roles"
const usersURL = "users"

function getHandlers(response) {
  fetch(baseURL + rolesURL)
    .then(response => response.json())
    .then(populateDropdown)
}

function populateDropdown(response) {
  let drop = document.getElementById("drop")
  response.forEach(function (labels) {
    let option = document.createElement("option")
    option.innerHTML = labels.label
    option.setAttribute("id", labels.id)
    drop.appendChild(option)
  })
}

我尝试过搜索，但找不到一个不使用Jquery的解决方案，或者来自这十年的解决方案。

这是我的第一个StackOverflow问题，所以如果有什么我没做的话我会道歉。

对于任何将我的问题标记为副本的人，您能否在一小时的搜索后向我提供一个问题的链接？