javascript - 为什么这个 javascript 循环打印出数字而不是选项？

Question

function createShiftsForm(day){
    document.getElementById("shifts").innerHTML += day + ' morn: <select name="' + day + 'm"><option value="0" selected>0</option>';
    for (i=1; i <= 20; i++){
    document.getElementById("shifts").innerHTML += '<option value="' + i + '">' + i + '</option>';
}
    document.getElementById("shifts").innerHTML += '</select>';


}

当它打印出来时，它打印了所有 21 个数字，但只有数字 0 被打印为选择器的一个选项。

Answer 1

你传递给 innerHTML 的字符串是无效的(你一步一步地做，所以 select 元素没有结束标签)。

function createShiftsForm(day){
    var container = day + ' morn: <select name="' + day + 'm"><option    value="0" selected>0</option>';
    for (i=1; i <= 20; i++){
        container += '<option value="' + i + '">' + i + '</option>';
    }
    container += '</select>';
    document.getElementById("shifts").innerHTML = container;
}