Discussion :

[Toulousaing]

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[ryan]

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

[Toulousaing]

Merci mille fois, ça marche parfaitement.

Bye.