selectbox에 동적으로 추가 된 옵션은 삭제하지 않습니다.

저는 이것을 알아낼 수 없습니다.selectbox에 동적으로 추가 된 옵션은 삭제하지 않습니다.

내 기능은 작동하지만 하나의 불일치가 있습니다. 옵션 값이 입력 상자에서 동적으로 추가되고 [list1]에서 삭제 키를 누르면 제거되지 않습니다. 그러나 옵션 값이 정적으로 추가되면 필요한만큼 삭제됩니다. 어떤 아이디어?

나는이 머리로 정말 내 머리를 긁적입니다.

<!DOCTYPE html> 

<html> 

<head> 
<script type="text/javascript"> 

function add_refdoc() { 

    var x = document.getElementById("list1"); 

    var option = document.createElement("option"); 

    var input = document.getElementById('refdocs_input') 

    option.text = input.value 

    x.add(option,x.option) 

    x.selectedIndex = x.options.length - 1; 
} 


function del_refdoc(e) { 
    var evt = e ? e : event; 
    var sel = evt.target ? evt.target : evt.srcElement; 
    if(evt.keyCode && evt.keyCode == 46 || evt.which == 46) { 
     var val = sel.value; 
     var opts = sel.getElementsByTagName("option"); 
     if(val != "") { 
      for(var i=0; i<opts.length; i++) { 
       if(val == opts[i].value) 
        sel.removeChild(opts[i]); 
       } 
     } 
    } 
} 

</script> 


</head> 

<body> 
<input id="refdocs_input" type="text"/> 

<input value="add" type="button" onclick="add_refdoc()"/> 

<br> 
<select onkeydown="del_refdoc(event)" style="width: 250px;" id="list1"></select> 

<br><br> 

<select onkeydown="del_refdoc(event)" style="width: 250px;" id="list2"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
</select> 

</body> 

</html>

출처

2013-07-23 John Smith

상태로 인해'