Wie Eingabefeld zu entfernen, die

Question

jemand bitte helfen Sie mir über JavaScript eingefügt wurde, wie neue Funktion hinzuzufügen, um das Feld zu entfernen, ich habe Funktion js Skript, das neue Feld hinzufügen, wie

<script language="javascript"> 
fields = 0; 
function addInput() { 
    if (fields != 10) { 
     var htmlText = "&nbsp;&nbsp;<input type='text' name='friends[]' value='' size='auto' maxlength='45' /><br />"; 
     var newElement = document.createElement('div'); 
     newElement.id = 'new_field'; 
     newElement.innerHTML = htmlText; 

     var fieldsArea = document.getElementById('new_field'); 
     fieldsArea.appendChild(newElement); 
     fields += 1; 

    } else { 
     alert("Only 10 fields allowed."); 
     document.form.add.disabled=true; 
    } 
} 
</script> 

folgt, aber ich brauche einige hilft um neue Funktionen hinzuzufügen, um Feld zu entfernen, Für jeden Vorschlag und Zeiger würde ich schätzen.

Answer 1

hier Lesen Sie mehr über removeChild() Funktion removeChild() - mozilla developer

bearbeiten oder hier: removeChild() w3schools

Answer 2

Zunächst einmal ist es schon ein Problem, das ich mit Ihrem Code zu sehen. Sie legen die ID jedes neuen Felds auf denselben Wert fest, was ein ungültiger HTML-Code ist und nach Problemen fragt. Stellen Sie sicher, das zu beheben.

Die .removeChild method von DOM-Elementen ist was Sie wollen. .removeChild entfernt einen Knoten (Element oder Text) nur dann aus der DOM-Struktur (dem Satz von Elementen, die tatsächlich in dem Dokument enthalten sind), wenn der übergebene Knoten tatsächlich ein Kind dieses Elements ist, andernfalls tritt ein Fehler auf.

Sie können ganz einfach das letzte Feld entfernen, indem das last child seines Behälters zu finden:

function removeLastField() { 
    var fieldsArea = document.getElementById('new_field'), 
     lastChild = fieldsArea.lastChild; 
    if(lastChild) { 
     fieldsArea.removeChild(lastChild); 
     fields -= 1; 
    } 
}