effacer les champs de texte dans toutes les zones de texte HTML en cliquant sur une zone de texte html

Question

J'ai un formulaire dans lequel j'ai trois champs de texte, nom, latitude et longitude. Ces formulaires sont déjà pré-remplis cependant, je veux quand je clique sur la latitude et la longitude toutes les valeurs de texte préremplies à effacer. Comment puis-je faire ceci?

Answer 1

Vous rassemblez simplement des références à tous les éléments d'entrée dans un tableau, puis itérer le tableau, compensation le contenu à chaque itération:

// Get a reference to the button 
 
var btn = document.getElementById("clear"); 
 

 
// Set the button up for a click event handler 
 
btn.addEventListener("click", function(){ 
 
    // Get all the input elements that are text fields and convert that list into an array 
 
    // Loop through that array and clear the value of each text field 
 
    Array.prototype.slice.call(document.querySelectorAll("input[type='text']")).forEach(function(element){ 
 
    element.value = ""; 
 
    }); 
 
});

<input type="text" value="abc"> 
 
<input type="text" value="abc"> 
 
<input type="text" value="abc"> 
 
<input type="text" value="abc"> 
 
<input type="text" value="abc"> 
 
<button id="clear">Clear all text fields</button>