javascript를 사용하여 특정 양식 요소 제거

Question

javascript를 사용하여 양식 요소를 제거하려고합니다. 요소를 제거하면 최상위 요소가 제거됩니다. 특정 요소를 제거하려고합니다. 다음은 페이지에 대한 링크이며 아래 코드가 있습니다. 어떤 도움을 주시면 감사하겠습니다. http://training.cvrc.virginia.edu/test.html

<script type="text/javascript"> 
var patient = 0; 
function add_patient() { 
patient++; 
    var add= document.createElement('patientdiv'); 
    add.innerHTML += "<div id=removepatient></br>Patient "+patient+" Name/ID:<input type=text name=patients[] ><input type=button id=more_fields onclick=removepatient(); value='Remove' ></div>"; 
    document.getElementById('patientdiv').appendChild(add); 
    return false; 
} 

function removepatient() { 
    var elem = document.getElementById('removepatient'); 
    elem.parentNode.removeChild(elem); 
    return false; 
} 
</script> 


<div id=patientdiv></div> 
<input type=button id=more_fields onclick=add_patient(); value='Add Patient'></br></br> 

Answer 1

당신은 당신이 페이지에 추가하는 각 요소에 대한 고유 ID를 생성해야합니다. 변수를 사용하고 요소가 추가 될 때마다이 변수를 증가시킬 수 있습니다. 귀하의 예에서는 변수 '환자'로 충분합니다.

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>"; 

당신은 또한 당신의 삭제 기능에 PARAM를 추가해야합니다

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

을 내가 당신