为什么这个javascript循环打印数字而不是Options

Why is this javascript loop printing out numbers instead of Options?

本文关键字:Options 数字 打印 javascript 循环 为什么      更新时间:2023-09-26
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作为选择器的选项打印出来。

传递给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;
}