使用javascript删除动态创建的组合框选项[重复]答案

【问题标题】：Delete dynamically created combo box option using javascript [duplicate]使用javascript删除动态创建的组合框选项[重复]
【发布时间】：2013-03-06 08:26:47
【问题描述】：

点击创建按钮，动态创建组合框选项。
我的需要是，点击delete按钮，我必须删除动态创建的选项。

组合框代码：

<select id="connectionname" class="connectionname" onchange="display();" style="width:150px; height:23px;">
     <option>---Select---</option>
</select>

javascript 动态创建/添加选项：

var NAME =dijit.byId("conname").getValue();
    var newValue = document.getElementById("connectionname").appendChild(document.createElement('option'));
    newValue.text = NAME;
    document.getElementById("connectionname").value = newValue.text;

【问题讨论】：

看看这个Removing an item from a select box
我可以知道为什么这个问题被否决了吗？

标签： javascript combobox buttonclick

【解决方案1】：

var NAME =dijit.byId("conname").getValue();
var select=document.getElementById('connectionname');

for (i=0;i<select.length;  i++) {
   if (select.options[i].text==NAME) {
     select.remove(i);
   }
}

【讨论】：

【解决方案2】：

您可以使用 removeChild 方法删除动态添加的孩子

var elem =  document.getElementById("connectionname");
elem.removeChild(elem.childNodes[i]); // where i is index of child added last

【讨论】：