使用javascript动态添加元素

Question

我想允许用户从同一个列表中选择一些东西。我想通过选择一个选项来实现选择，并通过从具有相同内容的新列表中选择另一个选项来做出额外选择。 我的代码：

XLFormRowDescriptorTypeSelectorPush

这段代码有什么问题？脚本无例外地工作，但新的选择对象不会出现。谢谢。

Answer 1

div不是您认为的那样。

事实上，>的结束select与<的开放{{}之间的空格创建的文字节点 1}}。 那就是你在这里克隆和追加的东西，这就是为什么你不会因为那段代码而“看到”任何东西。

使用其他更可靠的方法来实际获取对select元素的引用，然后克隆它，例如

list.getElementsByTagName("select")[0].cloneNode(true)

http://jsfiddle.net/hhsvr9sy/

Answer 2

为id代码添加一些select并使用以下代码。Working Plunker

var select = document.getElementById('selectElementId');
var opt = document.createElement('option');
opt.value = ""; //some value
opt.innerHTML = ""; // innerHTML
select.appendChild(opt);