javascript - for循环动态输出结果

Question

我想知道如何使用 for 循环动态输出结果我已经尝试过，但它没有工作，有什么想法吗？

              <select class="form-control">
                for (i = 0; i < 5; i++) {
                <option> ACS40 + i +  </option>;

                <option>ACS401</option>
                <option>ACS402</option>
                <option>ACS403</option>
                <option>ACS404</option>
                <option>ACS405</option>
                <option>ACS406</option>
                }
              </select>

标签： javascripthtml

Answer 1

您可以使用for循环和模板字符串。并且在每个循环中添加string到usinginnerHTML<select>+=

let sel = document.querySelector('.form-control');
for (i = 0; i < 5; i++) {
  sel.innerHTML += `<option>ACS40${i} </option>`
}
 

<select class="form-control"></select>