자바 스크립트를 사용하여 동적으로 생성 된 콤보 상자 옵션을 삭제하십시오.

Question

• 클릭하면 버튼을 만듭니다. 콤보 상자 옵션을 동적으로 만듭니다.
• 나의 필요는 클릭 버튼을 삭제할 때 동적으로 생성 된 옵션을 삭제해야합니다.

콤보 상자 코드 :

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

자바 스크립트가 생성/동적 옵션을 추가하기 :

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

를 제거에서 removeChild 방법을 사용할 수 있습니다

Answer 2

당신은 동적으로 추가 자녀

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