Question

有人可以帮我解决这个问题。我正在尝试用Formular提交食谱。我想做一个动态成分配方，我可以添加和删除成分。

不幸的是它不能按我的意愿工作。我的删除功能总是删除第一个成分。我怎样才能删除我想要的igredient。

到目前为止，这是我的代码：

function copy(objButton)
{
if(objButton.parentNode)
    {
    hinzufg=objButton.parentNode.cloneNode(true);
    objButton.form.appendChild(hinzufg);
    for(j=0;j<objButton.form.lastChild.childNodes.length;++j)
        {
        if(objButton.form.lastChild.childNodes[j].type=='text')
            {
            objButton.form.lastChild.childNodes[j].value='';
            break;
            }
        }
  
    }
}
	
	function remove(objButton)
	{
		var entf = document.getElementById('ingredients');
		entf.parentNode.removeChild(entf);
    }

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Recipe</title>

</head>

<form action="">

<h2>Recipes</h2>
	 <strong>Name</strong> <br />
  <input type="text" size="50" > <br /><br />
  <strong>Ingredients</strong> <br />
  
<div id="ingredients">
	<input type="text" id="AmountIngredients" name="zutatMenge1[]"> ... 
    <input type ="text" id="zutat" name="firstIngredient[]">  
	<input type="button" value="+" onclick="copy(this)">
	<input type="button" value="X" onclick="remove(this)">
	
	</div>
	
</form>


<body>
</body>
</html>

从输入中删除内容

0 个答案: