Question

var namelist = editnamebox.children.value;
for (var f = 0; f < namelist.length; f += 1) {
            slotname.innerHTML = '<optgroup><option>' + namelist[f] + '</option></optgroup>';
}

editnamebox是一个div，包含可变数量的inputs我希望生成一个带有每个editnamebox输入值的选项。

上面的代码没有用，我也尝试了namelist[f].value而不是名单var中也没有运行。这有什么不对？

整页：http://powerpoint.azurewebsites.net/ 设置时间段。＆＃34;未定义＆＃34;应该是上面空文本字段的内容

Answer 1

您应该使用循环构建字符串，然后更新innerHTML。（假设其他部分是正确的而没有看到你的标记）

var namelist = editnamebox.children,
    slotnameHtml = '';

//build html string
for (var f = 0; f < namelist.length; f += 1) {
     slotnameHtml += '<optgroup><option>' 
                       + namelist[f].value 
                       + '</option></optgroup>';
}

slotname.innerHTML = slotnameHtml; //update html

将可变数量的输入值转换为选择

1 个答案: