使用javascript删除特定表单元素

我正在尝试使用javascript创建并删除表单元素。当我删除一个元素时，它会删除最上面的元素。我正在尝试删除一个特定的元素。这里是该页面的链接，下面是代码。任何帮助都将不胜感激，谢谢！

var患者=0；
函数add_patient（）{
病人++；
var add=document.createElement（'patientdiv'）；
add.innerHTML+=“
患者”+患者+”姓名/ID:”；
document.getElementById（'patientdiv'）.appendChild（add）；
返回false；
}
功能移除患者（）{
var elem=document.getElementById（'removepatient'）；
elem.parentNode.removeChild（elem）；
返回false；
}

您应该为添加到页面中的每个元素生成一个唯一的ID。 您可以使用一个变量，并在每次添加元素时递增该变量。在您的示例中，变量“patient”就足够了

add.innerHTML += "<div id=removepatient_"+patient"></br>Patient "+patient+" Name/ID:<input type=text name=patients[] ><input type=button id=more_fields"+patient+" onclick=removepatient("+patient+"); value='Remove' ></div>";

我希望它能帮助你

add.innerHTML += "<div id=removepatient_"+patient"></br>Patient "+patient+" Name/ID:<input type=text name=patients[] ><input type=button id=more_fields"+patient+" onclick=removepatient("+patient+"); value='Remove' ></div>";

function removepatient(patient) {
    var elem = document.getElementById('removepatient_'+patient);
   elem.parentNode.removeChild(elem);
   return false;
}