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

Javascript 单击链接添加新的下拉菜单框,javascript,html,drop-down-menu,Javascript,Html,Drop Down Menu,下面是添加新下拉菜单框的javascript函数。它可以工作,但当我将名称放在选择名称中,将值放在选项值中时,它将不起作用 function add() { var ni = document.getElementById('myDiv'); var numi = document.getElementById('theValue'); var num = (document.getElementById('theValue').value -1)+ 2; numi.value

下面是添加新下拉菜单框的javascript函数。它可以工作,但当我将
名称
放在选择名称中,将
放在选项值中时,它将不起作用

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>";  
}
函数添加(){
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=“苹果橙”;
}


有什么问题吗?谢谢大家!

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

document.body.appendChild(newdiv);

选中。

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

newdiv.innerHTML = "<select name=\"name\"> <option value=\"value\"> Apple </option> <option> Orange </option> </select>";
newdiv.innerHTML=“苹果橙”;

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

如何调用此函数?
和一个
来指定添加的下拉菜单的放置位置。id为“theValue”的元素在哪里?我在
a href
前面有
。谢谢!所以我对你的建议做了一些小修改。我只是这样做了:
if($ctr)谢谢!所以如果需要,我仍然可以访问这些值?