Récupérer la valeur xyz d'un input HTML pour renseigner le suivant (value="xyz")

Bonjour à tous,

Ayant navigué ici et là sur mon sujet, j'en suis venu à considérer que mon problème, ou plutôt sa solution, relève de JS.

Soit une page HTML avec un formulaire généré par un script php.
Côté Client, j'obtiens deux inputs, l'un avec des radio buttons et le suivant avec une zone de texte dans laquelle je souhaite préécrire le résultat produit par l'un des boutons radio précédents.

Exemple:
bouton 1 = café, bouton 2 = thé, bouton 3 = chocolat
si l'utilisateur a coché le bouton 1, la zone d'input suivante doit contenir "café", donc la syntaxe sera :

Code:

---

1 2 3 4 5

<input type="radio" name="g_choix" value="1">Café <input type="radio" name="g_choix" value="2">Thé <input type="radio" name="g_choix" value="3">Chocolat (pseudocode : si $g_choix = 1 alors $boisson = "café") Comment buvez-vous votre <input type="text" size="10" name="resultat" value="$boisson">

---

(j'ai mis des variables avec un "$" parce que je suis plutôt php)

Résultat attendu :

x Café o Thé o Chocolat

Comment buvez-vous votre [café_________]

Je ne connais pas javascript. Dois-je l'apprendre pour résoudre ce petit problème ou quelqu'un pourrait-il me donner svp un bout de code afin de m'éviter de longues nuits sans sommeil ?
Merci beaucoup.

Yop!

En effet, du taf pour javascript...

Vous devez assigner un bout de code javascript à l'événement "onclick" sur chacun de vos radio-boutons.

Ce code va récupérer votre champ text (disons que vous lui avez donné l'ID "resultat" ), et va compléter sa propriété "value" par la propriété "value" du radio-bouton sélectionné ("this" pour les intimes), ce qui donne:

Code:

---

1 2 3 4 5 6

<input type="radio" name="g_choix" value="Café" onclick="document.getElementById('resultat').value = this.value;">Café <input type="radio" name="g_choix" value="Thé" onclick="document.getElementById('resultat').value = this.value;">Thé <input type="radio" name="g_choix" value="Chocolat" onclick="document.getElementById('resultat').value = this.value;">Chocolat   Comment buvez-vous votre <input type="text" id="resultat" size="10" name="resultat" value="">

---

Il y a moyen de faire plus élégant, mais vous avez le principe...

Merci mille fois, ça marche parfaitement.

Bye.