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

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);

检查 output/usage .