如何将数组显示为选项标记

Question

所以基本上我还是个新手，我在javascript中做了一个函数，把一个按钮变成一个选项标记，这样我就可以在0-4之间进行选择。现在我想改变选项，这样我就可以从一个数组中选择，但我不知道怎么做。我尝试将代码中的5改成数组的名称，但没有选项。

    function start()
{
  let i = 0; ih= "<select id = 'fighter'>"
  for(; i < 5; i++)
  ih+= "<option value= " + i + ">" + i + "</option>";
  ih+= "</select>";
    document.getElementById("arena").innerHTML = ih;
}


var fighters =  [
{
  "name":"Abdi",
  "HP": 100,
  "DMG": 20,
},
{
  "name": "chriz",
  "HP": 100,
  "DMG": 40,
}

]

Answer 1

var fighters = [ { "name":"Abdi", "HP": 100, "DMG": 20, }, { "name": "chriz", "HP": 100, "DMG": 40, } ]; 

let mySelect = document.createElement("SELECT");
    
        for(figther of fighters)
        {
             let option = document.createElement("option");
             option.text = fighter.name;
             option.value = fighter.DMG;
             mySelect.appendChild(option);
        
        }
        
        document.getElementById("arena").appendChild(mySelect);