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。

Answer 2

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

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

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

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

2 个答案: