Leere/leere alle Felder in einer Formularseite

Question

Ich habe den folgenden Code, gibt es eine Möglichkeit, dies in ein einfacheres Format zu setzen. Ich muss 50 oder mehr Felder löschen, wenn ein Datum in einem bestimmten Schlüsselfeld geändert oder leer gemacht wird.

if (zEntry ==""){ 

document.getElementById("Q229I1226").value=""; 
document.getElementById("DQ230I1227").value=""; 
document.getElementById("DQ231I1228").value=""; 
document.getElementById("Q4I1001").value=""; 

//Date from fall to arrival 
document.getElementById("Q232I1229").value=""; 
document.getElementById("DQ233I1230").value=""; 
document.getElementById("DQ234I1231").value=""; 
document.getElementById("Q5I1002").value=""; 

//Date Time of referral to T&O surgery 
document.getElementById("Q238I1235").value=""; 
document.getElementById("DQ239I1236").value=""; 
document.getElementById("DQ240I1237").value=""; 
document.getElementById("Q15I1012").value=""; 
document.getElementById("Q17I1014").value="";  

//Date seen T&O 1st on call 
document.getElementById("Q241I1238").value=""; 
document.getElementById("DQ242I1239").value=""; 
document.getElementById("DQ243I1240").value=""; 
document.getElementById("Q16I1013").value=""; 
} 

Danke

Answer 1

Sie haben gemeinsame Klasse Ihre Eingaben hinzuzufügen.

var array = document.getElementsByClassName('className'); 
for (var i = 0, lng = array.length; i < lng; i++) { 
    array[i].value = ''; 
} 

Answer 2

Wenn Sie alle Felder mit dem gleichen Tag löschen möchten, können Sie einfach verwenden

document.getElementsByTagName(arg) während arg ‚Eingang‘, ‚Option‘ usw.

zu sein, aber wenn Sie bestimmte Eingaben gelöscht werden, müssen Sie sie um eine Klasse geben und

document.getElementsByClassName(arg) 

Answer 3

Add-Klasse in die Eingabefelder verwenden und versuchen

var array_container = document.getElementsByClassName('example'); for (var i = 0, i < array_container.length; i++) { array_container[i].value = ''; }

Answer 4

können Sie versuchen, diesen Ansatz zu:

// store all the element ids in an array 
var element_ids = ['Q229I1226', 'DQ230I1227', 'DQ231I1228', 'Q4I1001', 
        'Q232I1229']; 

element_ids.forEach(function(element_id){ 
    document.getElementById(element_id).value = ''; 
}); 

Answer 5

Hier ist eine Lösung, wie durch Looping alle Eingabefelder/Felder zu löschen.

Loop though all input boxes and clear them