提问者:小点点

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


所以基本上我还是个新手,我在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,
}

]

共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);