单击链接添加新的下拉菜单框

Question

下面是一个javascript函数，它添加了一个新的下拉菜单框。 它的工作原理，但是当我把name中选择名字和value在期权价值，它不会工作。

function add() {
  var ni = document.getElementById('myDiv');
  var numi = document.getElementById('theValue');
  var num = (document.getElementById('theValue').value -1)+ 2;
  numi.value = num;
  var newdiv = document.createElement('div');
  var divIdName = 'my'+num+'Div';
  newdiv.setAttribute('id',divIdName);
  newdiv.innerHTML = "<select> <option> Apple </option> <option> Orange </option> </select>";  
}

可能是什么问题？ 谢谢！

Answer 1

您还需要将元素放置/附加到主体。 这是您需要在函数中添加的内容：

document.body.appendChild(newdiv);

检查输出/使用情况 。

Answer 2

如果用双引号定义该字符串，则需要在innerHTML字符串中转义双引号：

newdiv.innerHTML = "<select name=\"name\"> <option value=\"value\"> Apple </option> <option> Orange </option> </select>";

或者，使用单引号定义字符串或HTML属性值（尽管标准是HTML属性的双引号）