子供を削除しないでください

Question

ハイ

私はウェブページを行っています。ドロップダウンにはいくつかの製品が含まれています。アイテムを選択すると、削除ボタンが動的に表示されます。私の問題は、製品が正しく削除されたが、製品IDが5の製品は削除されないということですか？どうしたの？以下は私のコードです

<script type="text/javascript> 
function validate(frm_name){ 
var hiddenFeild = document.getElementById('product'); 
var addedItems = hiddenFeild.value; 
var brokenItems = addedItems.split(","); 
    if(isEmpty(hiddenFeild.value)){ 
     alert("No Product Added."); 
     return false; 
    } 
    if(brokenItems.length < 3){ 
     alert("Please Add One More Product."); 
     return false; 
    } 
    return true; 
} 
function removeme(id){ 
compareDiv = document.getElementById('compare_product'); 
var remDiv = document.getElementById(id); 
compareDiv.removeChild(remDiv); 
var hiddenFeild = document.getElementById('product'); 
var addedItems = hiddenFeild.value; 
var brokenItems = addedItems.split(","); 
hiddenFeild.value = ''; 
for(var i = 0 ; i < brokenItems.length-1; i++){ 
    if(brokenItems[i] != id){ 
     hiddenFeild.value = hiddenFeild.value +brokenItems[i]+','; 
    } 
} 
} 
function selectProduct(){ 
    var flag = 0; 
    compareDiv = document.getElementById('compare_product'); 
    var proValue = document.getElementById('frm_product').value; 
    if(proValue != 0){ 
     var product = proValue.split("productvalue"); 
     var productid = product[0]; 
     var productname = product[1]; 
     var hiddenFeild = document.getElementById('product'); 
     var addedItems = hiddenFeild.value; 
     var brokenItems = addedItems.split(","); 
     for(var i = 0 ; i < brokenItems.length; i++){ 
        if(brokenItems[i] == productid){  
         flag = 1; 
         alert('Already Added'); 
        } 
     } 
     if(flag == 0){ 
      hiddenFeild.value = hiddenFeild.value +productid+','; 
      compareDiv.innerHTML = compareDiv.innerHTML + '<div id="'+productid+'" style="height:30px;"><div style="float:left;" id="added_product">'+productname+'</div><div style="float:right;"><input onClick="removeme('+productid+');" id="remove" name="remove" type="button" value="remove" /></div></div>'; 
     } 
    } 
} 

</script> 

Answer 1

一般的に、removeChildは、削除すべきノードの親ノードから呼び出さなければなりません。したがって、これを試してみてください：

function removeme(id) { 
    var remDiv = document.getElementById(id); 
    remDiv.parentNode.removeChild(remDiv); 
    // … 
}