High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

Reset d'un champ de formulaire

Dernière réponse le 4 jun 2008 à 15:11:31 kinder.surprise, le 18 jan 2008 à 18:21:02 
 Signaler ce message aux modérateurs

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!

Meilleures réponses pour « reset d'un champ de formulaire » dans :
Les formulaires HTML VoirIntérêt d'un formulaire Les formulaires interactifs permettent aux auteurs de pages Web de doter leur page web d'éléments interactifs permettant par exemple un dialogue avec les internaute, à la manière des coupons-réponse présents dans certains...
Servlets - Gestion des formulaires VoirIntroduction aux formulaires Les servlets rendent très simple la récupération de données envoyées par l'intermédiaire de formulaires HTML, c'est-à-dire une interface graphique permettant à l'utilisateur de saisir des données. Grâce à la balise...
Posez votre question Répondre

1

Gihef, le 19 jan 2008 à 02:07:31

Bonjour,

En Javascript ?
Avec un peu de DOM ?

--

   
Répondre à Gihef

2

kinder.surprise, le 19 jan 2008 à 05:04:30

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!
gagagablblblblrrrrrrrrplplplpouetzizitagada

   
Répondre à kinder.surprise

3

Gihef, le 19 jan 2008 à 17:01:11

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>

--

   
Répondre à Gihef

4

Gihef, le 19 jan 2008 à 20:39:17

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>

--

   
Répondre à Gihef

5

kinder.surprise, le 19 jan 2008 à 23:47:28
  • +3

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
gagagablblblblrrrrrrrrplplplpouetzizitagada

   
Répondre à kinder.surprise

6

 vinzir, le 4 jun 2008 à 15:11:31

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

   
Répondre à vinzir
Posez votre question Répondre
Ils ont besoin de votre aide
Collection CommentÇaMarche.net