Vider le champs quand il est caché

Bonjour,

J'utilise le code ci-dessus pour cacher et afficher un code, je veux vider le champ quand il passe a display none.

Code:

<script type="text/javascript">
				function telselect(){
				  document.getElementById("phonetele2").style.display='none';
				  
				  document.getElementById("phonetele"+document.getElementById("telephone").value).style.display='block';
				  
				}
				</script>

Merci pour votre aide

 

j'ai essayé ça baud74 dans l'affichage il m'affiche le formulaire vide mais dans le code source value contient toujorus un élement !

 

...

 

Oups oublie ce que j'ai dis sur mon dernier commentaire ^^ oui je comprend le truc de .value='' ça marche sauf que comment faire le test if .style.display=='none' ? pour ajouter la ligne ....value="" ?

Merci

 

Donc c'est comme ça :

Code:

<script type="text/javascript">
            function telselect(){
              document.getElementById("phonetele2").style.display='none';
             document.getElementById('phonetele2').value = '';
              document.getElementById("phonetele"+document.getElementById("telephone").value).style.display='block';
             
            }
            </script>

?

 

Le prolbème c'est que j'utilise le code :

Code:

<script type="text/javascript">
					telselect();
					</script>

Pour appliquer le script au chargement, mais je ne veux pas appliquer le value="" au premier coup

 

C'est bon j'ai bricolé comme ça :

Code:

<script type="text/javascript">
            function telselect(){
              document.getElementById("phonetele2").style.display='none';
if(premi=2){
				  var premi=2;
				  }else{
				  var premi=1;
				  }
				  if(premi>1){
				  var permi=2;
             document.getElementById('phonetele2').value = '';
}
              document.getElementById("phonetele"+document.getElementById("telephone").value).style.display='block';
             
            }
            </script>

ceci n'applique pas value='' pour la première fois

 

Bonjour,
Mon code n'est pas le bon, j'ai bien réflichi et j'ai trouvé la solution mais je repose la question autrement c'est la même mais j'explique encore mieux, donc mon code est :

Code:

<script type="text/javascript">
            function telselect(){
              document.getElementById("phonetele2").style.display='none';
             document.getElementById('phonetele2').value = '';
              document.getElementById("phonetele"+document.getElementById("telephone").value).style.display='block';
             
            }
            </script>

ça marche très bien mais je dois ajouter un autre code sous ......display='block'; indiquant que la valeure de phonetel2 reste la même si c'est block (c'est à dire la value="" juste dans display='none' et si c'est display block la valeur reprend sa valeur normale.

Merci de votre aide

 

Merci de ton retour ZEB, non oublie mes premiers messages, la fonction s'applique aussi au premier passage (onload in body). le dernier code que j'ai inséré est super, il faut juste au dessous de block ajouter un code avec les même conditions d'activation du display block et qui fait passer la valeur de phonetele2 en sa valeur initiale (avant qu'on la vide)

 

Code:

<script type="text/javascript">
            function telselect(){
              document.getElementById("phonetele2").style.display='none';
             var xxx = document.getElementById('phonetele2').value;
             document.getElementById('phonetele2').value = '';
              document.getElementById("phonetele"+document.getElementById("telephone").value).style.display='block';
             document.getElementById("phonetele"+document.getElementById("telephone").value).value=xxx;
            }
            </script>