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

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