在javascript中动态添加选择下拉菜单

Question

我正在尝试动态添加下拉菜单和其他输入字段。 到目前为止，添加“文本”输入字段可以正常工作，但对“选择”输入（下拉菜单）则无济于事。

这是HTML：

<form method="POST"> 
    <div id="dynamicInput"></div>
    <input type="button" onClick="addInput('dynamicInput');" value="Add inputs"/>
</form>

这是Javascript：

function addInput(divName){
    var newdiv = document.createElement('div');
    newdiv.innerHTML = 
   "<input type='text' id='name'>"+
   '<select id="age">
       <option value="18">18</option>
       <option value="18">18</option>
   </select>';
   document.getElementById(divName).appendChild(newdiv);
}

和平。

Answer 1

我敢打赌，您的控制台会告诉您类似意外令牌的信息 。 多行字符串的串联需要转义。

你可以做：

myVar = "hello \
    sir!";

或连接每行：

myVar = "hello " + 
    "sir!";