Reset d'un champ de formulaire

Utilisateur anonyme -
vinzir - 4 juin 2008 à 15:11

Sasoir,

dites voir, comment fait-on l'équivalent d'un reset de formulaire mais sur des champs déterminés svp?

en l'état j'ai pu m'en tirer pour les zones de texte avec un value=null et les combo en leur ajoutant une première <option> vide en tête et en faisant selectedIndex=0
mais je trouve que ce n'est pas très propre

n'y a t'il pas une méthode pour réinitialiser un champ ou une série de champ, tels qu'on les toruve quand on arrive sur la page?

merci!

Afficher la suite

A voir également:

Champ obligatoire formulaire javascript
Whatsapp formulaire opposition - Guide
Formulaire de réclamation facebook compte désactivé - Guide
Formulaire de reclamation instagram - Guide
Tinder photo obligatoire - Accueil - Utilitaires
Formulaire de contact le bon coin introuvable - Forum Réseaux sociaux

3 réponses

Réponse 1 / 3

Utilisateur anonyme

c'est de l'affectation de valeur aux contrôles

c'est ce que je faisais, encore qu'ils ne traitent pas le cas particulier du select

je trouve cette démarche très lourde.

non mais en fait j'ai épluché et réépluché et il n'y a pas de méthode reset pour les items du tableau elements (ou form)

tant pis on va faire bourrin, mais vraiment je n'aime pas

merci pour ta contribution

vinzir

Il suffit de faire document.getElementById("myForm").reset();
C'est dans la DOM : https://www.w3schools.com/js/tryit.asp?filename=try_dom_form_reset
Ca m'a pris 2 minutes pour trouver...

Réponse 2 / 3

Gihef Messages postés 5165 Statut Contributeur 2 779

Bonjour,

En Javascript ?
Avec un peu de DOM ?

--

Utilisateur anonyme

saluche!

euh je suis peut-être beulou mais je ne vois rien :/

il y a bien le reset du formulaire qui est mentionné mais pas des contrôles de formulaire

ça fait deux ou trois jours au moins que je passe mes journées sur selfhtml et du DOM j'en bouffe :D

mais jusqu'à présent, rien trouvé

j'avais un problème de groupe d'options (des boutons radio quoi) mais même chose, ils n'ont pa beaucoup plus d'idée que moi pour accéder en javascript à la valeur sélectionnée (moi j'ai foutu un onClick aussi qui attribue la valeur du bouton actif à une variable, eux c'est un champ)

zut zut

merci quand même!

Réponse 3 / 3

Gihef Messages postés 5165 Statut Contributeur 2 779

reset sert pour le formulaire.

Il est quand même possible d'accéder aux éléments du formulaire.
Et de leur affecter des valeurs.

Ce petit exemple enfantin agit sur différents objets d'un formulaire

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Puces cliquables</title>
  <meta http-equiv="Content-type" content="text/html; charset=iso-8859-15" />
<script type="text/javascript">
	function radio() {
		document.getElementById("homme").checked=true;
		document.getElementById("femme").checked=false;
		var cont1=document.getElementById("label1").value;
		document.getElementById("label1").value=document.getElementById("homme").value + " est sélectionné";
		document.getElementById("label2").value=cont1;
		document.getElementById("label2").style.position="absolute";
		document.getElementById("label2").style.bottom="50%";
		document.getElementById("label2").style.left="50%";
		document.getElementById("label2").style.backgroundColor="#f00";
		}
</script>
</head>

<body>
    <form action="" method="post">
    <p>
    <label for="label_prenom">1 : </label>
      <input type="text" id="label1" value="contenu de 1"><br>
    <label for="label_nom">2 : </label>
      <input type="text" id="label2"><br><br>
    <input type="radio" name="genre" value="homme" id="homme"> homme<br>
    <input type="radio" name="genre" value="femme" id="femme" checked> femme<br><br>
    <input type="button" value="changer" onclick="radio();">
    </p>
 </form>
  </div>
</body>
</html>

Gihef Messages postés 5165 Statut Contributeur 2 779

Comme CCM modifie le code, je le mets là, légèrement modifié

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Modifier les éléments d'un formulaire</title>
  <meta http-equiv="Content-type" content="text/html; charset=iso-8859-15" />
<script type="text/javascript">
	function radio() {
		document.getElementById("homme").checked=true;
		document.getElementById("femme").checked=false;
		var cont1=document.getElementById("label1").value;
		document.getElementById("label1").value=document.getElementById("homme").value + " est sélectionné";
		document.getElementById("label2").value=cont1 + " - et déplacé";
		document.getElementById("label2").style.position="absolute";
		document.getElementById("label2").style.top="10%";
		document.getElementById("label2").style.left="50%";
		document.getElementById("label2").style.backgroundColor="#ff0";
		document.getElementById("label11").value="";
		document.getElementById("label12").value="pas vide";
		document.getElementById("label13").value="";
		document.getElementById("label_3").innerHTML="Deux input type='text' sur trois sont maintenant vides.";
		document.getElementById("changer").style.visibility="hidden";
		document.getElementById("tiens").style.visibility="visible";
		}
</script>
</head>

<body>
    <form action="" method="post">
    <p>
    <input type="radio" name="genre" value="homme" id="homme"> homme<br>
    <input type="radio" name="genre" value="femme" id="femme" checked> femme<br><br>
    <label for="label_1">1 : </label>
      <input type="text" id="label1" value="contenu de 1"><br>
    <label for="label_2">2 : </label>
      <input type="text" id="label2"><br><br>
    <label for="label_3" id="label_3">Trois input type='text' : </label><br>
      <input type="text" id="label11" value="contenu de 11"><br>
      <input type="text" id="label12" value="contenu de 12"><br>
      <input type="text" id="label13" value="contenu de 13"><br><br>
    <input type="button" value="changer" id="changer" onclick="radio();"><br><br>
    <span id="tiens" style="visibility:hidden;">Tiens, le bouton a disparu.<span>
    </p>
 </form>
</body>
</html>

Discussions similaires

Civilité (Mr,Mme,Melle) n' apparait pas lors de l'exécution du formulaire

Contacter le "bon coin"

java script error in the main process

Nom de champs du tableau croisé dynamique non valide

Contact LEBONCOIN

Reset d'un champ de formulaire

3 réponses

Votre réponse

Discussions similaires

Newsletters