Question

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

组合框代码：

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

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

Answer 2

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

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

使用javascript删除动态创建的组合框选项

2 个答案: