remplir une zone de texte à partir d'une liste déroulante

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : remplir une zone de texte à partir d'une liste déroulante

Re: remplir une zone de texte à partir d'une liste déroulante

par Visiteur74 » 19 janv. 2017, 13:15

Bonjour,
Un grand merci. Je viens de passer deux heures sur la toile pour trouver ma réponse. =D> =D> =D>

par daoud » 16 déc. 2005, 12:14

J'ai fait cela, j'espère que cela t'aidera :

Code : Tout sélectionner

<body> <SCRIPT LANGUAGE="JavaScript"> <!-- function menuToSpan(object) { var obj =document.getElementById("targetValue"); obj.value = object.value; obj =document.getElementById("targetOption"); obj.value = object.text; } //--> </SCRIPT> <select id="menu" onChange="JAVASCRIPT:menuToSpan(this.options[this.selectedIndex]);"> <option value="1">val1</option> <option value="2">val2</option> <option value="3">val3</option> </select> <input type = "text" id="targetValue"> <input type = "text" id="targetOption"> </body>
Tu peux mettre tes input dans un formulaire.

remplir une zone de texte à partir d'une liste déroulante

par Cesco486 » 16 déc. 2005, 12:02

Bonjour,

Je souhaiterais que la valeur choisie dans ma liste déroulante s'affiche automatiquement dans une zone de texte.
J'ai trouvé le script suivant sur le net, mais il ne m'affiche pas la valeur dans une zone de texte, mais directement sur la page :

<body>
<SCRIPT LANGUAGE="JavaScript"><!--
function menuToSpan(object) {
var span1=document.getElementById("targetValue");
span1.innerHTML = object.value;
var span2=document.getElementById("targetOption");
span2.innerHTML = object.text;
}
//--></SCRIPT>

<select id="menu" onChange="JAVASCRIPT:menuToSpan(this.options[this.selectedIndex]);">
<option value="1">val1</option>
<option value="2">val2</option>
<option value="3">val3</option>
</select>
<span id="targetValue">Vide</span>
<span id="targetOption">Vide</span>
</body>

Merci d'avance pour le coup de main !!