Discussion :

[Dave Looper]

Bonjour,

Je viens de parcourir pas mal de pages de ce forum (comment ne suis-je pas tombé dessus plus tôt ?? ), j’ai utilisé Recherche, et je n’ai rien trouvé qui me convienne.

Je me débrouille en prog HTML et PHP, mais le JS, je fais un vrai blocage ! j’y arrive pas !

Je suis donc à la recherche d’un bout de code existant. J’ai essoré Google, j’ai écumé tous les sites spécialisés en JS et DHTML (genre Javascript .com, Dynamic Drive etc…) mais je ne trouve rien de rien.

Voilà ce que j’ai besoin de faire : j’ai 3 menus déroulants dans un formulaire HTML, et j’aurais besoin que chaque choix effectué face varier le contenu d’un TEXTAREA placé en bas de page.

Par exemple, dans chaque menu déroulant, j’ai des noms de fruits. L’utilisateur doit choisir 1 fruit dans chaque liste

• S’il choisit Banane dans la liste déroulante 1, les mots "Banane : fruit long et jaune" doivent s’afficher dans le TEXTAREA.
• S’il choisit Mangue dans la liste 2, les mots "Mangue : fruit tropical hors de prix en France" doivent s’afficher dans le même TEXTAREA, à la suite de la première phrase.
• Idem pour le fruit choisit en liste 3, dont le descriptif doit s’afficher à la suite, dans le même TEXTAREA.

Le tout doit rester dynamique. Si on change de fruit dans la liste 1, le descriptif du TEXTAREA doit changer aussi. Si un fruit de la liste 3 est choisi, mais que finalement, l’utilisateur n’en veuille que 2, il doit pouvoir revenir en position de départ sur la liste déroulante 3, en voyant le descriptif du fruit initialement sélectionné disparaître.

J’espère m’être fait comprendre convenablement.
Si quelqu’un sait où je peux trouver un code comme celui-ci, merci de me donner l’adresse !

Merci d’avance !!

PS : quand j'aurai le droit aux signatures, je vous expliquerai qu'un Dave Looper, c'est pas un développeur qui ne connait rien à l'orthographe, c'est juste un mec qui se passe du Dave en boucle.

[sachav]

C'est relativement simple en JavaScript :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script language="javascript">
function decrireFruit(elm1,elm2) {
elm2.value=elm1;
}
</script>
<form name="form">
<select name="fruit" onchange="decrireFruit(this.value,this.form.des)">
<option value="Veuillez choisir une option">-</option>
<option value="Banane : Fruit long et jaune">Banane</option>
<option value="Mangue : Fruit tropical hors de prix en France">Mangue</option>
<option value="Pomme : Fruit vert, jaune, ou rouge">Pomme</option>
</select><br>
<textarea name="des" cols="50" rows="15">
</textarea>
</form>
<script language="javascript">
decrireFruit(document.form.fruit.value,document.form.des)
</script>

[Dave Looper]

Hey !

Pas mal, ça !

Je pense pouvoir arriver à l'adapter tout seul pour y mettre plusieurs listes déroulantes.

Merci du coup de main !