Javascript 移除不工作的孩子
海 我正在做一个网页。因为有一个包含一些产品的下拉列表,当我们选择一个项目时,它将在下面动态显示一个删除按钮。我的问题是,所有产品都已正确删除,但产品id为5的产品未删除?有什么问题吗?下面是我的代码Javascript 移除不工作的孩子,javascript,html,Javascript,Html,海 我正在做一个网页。因为有一个包含一些产品的下拉列表,当我们选择一个项目时,它将在下面动态显示一个删除按钮。我的问题是,所有产品都已正确删除,但产品id为5的产品未删除?有什么问题吗?下面是我的代码 <script type="text/javascript> function validate(frm_name){ var hiddenFeild = document.getElementById('product'); var addedItems = hiddenFeild.
<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>
通常必须从应该删除的节点的父节点调用。所以试试这个:
function removeme(id) {
var remDiv = document.getElementById(id);
remDiv.parentNode.removeChild(remDiv);
// …
}
通常,必须从应该删除的节点的父节点调用。所以试试这个:
function removeme(id) {
var remDiv = document.getElementById(id);
remDiv.parentNode.removeChild(remDiv);
// …
}
文档是什么样子的?试着只发布相关代码这很有趣,我妈妈在我年轻的时候也说过同样的话。文档是什么样子的?试着只发布相关代码这很有趣,我妈妈在我年轻的时候也说过同样的话。