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

时间:2015-03-17 23:50:12

标签: javascript html select drop-down-menu

我试图动态添加下拉菜单和其他输入字段。到目前为止,它可以很好地添加文本输入字段,但它对选择输入(下拉列表)没有任何作用。

这是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);
}

和平。

1 个答案:

答案 0 :(得分:1)

我打赌你的控制台会告诉你类似意外令牌的内容。 连接多行字符串需要转义。

你可以这样做:

myVar = "hello \
    sir!";

或连接每一行:

myVar = "hello " + 
    "sir!";