Récupérer valeur de deux textfield

Résolu/Fermé
Sinistrus Messages postés 1017 Date d'inscription mercredi 12 décembre 2007 Statut Membre Dernière intervention 6 juin 2023 - Modifié par Sinistrus le 20/06/2012 à 17:51
Sinistrus Messages postés 1017 Date d'inscription mercredi 12 décembre 2007 Statut Membre Dernière intervention 6 juin 2023 - 20 juin 2012 à 23:11
Bonjour à tous !

Alors voilà, comment faire de sorte que mon textfield3 récupère les veleurs du textfield1 et textfield2 instantanément ?
J'arrive à le faire avec deux mais pas trois depuis le :
onKeyUp="document.getElementById('Image').value = this.value"

pouvez-vous m'aider svp ?

<form> 
  <input name="textfield1" type="text" id="textfield1" value="Q2612A" /> 
  <input name="textfield2" type="text" id="textfield2" value="12A" /> 
  <input name="textfield3" type="text" id="textfield3" value="12A - Q2612A" /> 
</form>



3 réponses

tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 219
20 juin 2012 à 20:55
Salut,

Je suis une burne en js, néanmoins :
      <script>
	  function toto(titi){
	   var input1 = document.getElementById('input_1').value;
	   var input2 = document.getElementById('input_2').value;
	   var input3 = input1 +' - '+ input2;
	   var titi = document.getElementById('input_3').value = input3;
	   return titi;
		}
	  </script>
		Saisie1 : <input id="input_1" onKeyUp="javascript:toto();"/><br/>
		Saisie2 :<input id="input_2" onKeyUp="javascript:toto();"/><br/>
		Résultat :<input id="input_3" onclick="alert(this.value);"/>
2
Plus simplement :
<script type="text/javascript">
function updateTextfield3(){
document.getElementById('textfield3').value = document.getElementById('textfield2').value + ' - ' +
document.getElementById('textfield1').value ;
}
</script>
<form>
<input name="textfield1" type="text" id="textfield1" onKeyUp="updateTextfield3()" value="Q2612A" />
<input name="textfield2" type="text" id="textfield2" onKeyUp="updateTextfield3()" value="12A" />
<input name="textfield3" type="text" id="textfield3" value="12A - Q2612A" />
</form>
1
Sinistrus Messages postés 1017 Date d'inscription mercredi 12 décembre 2007 Statut Membre Dernière intervention 6 juin 2023 17
20 juin 2012 à 23:11
hihi merci infiniment ^^
0