[HTML/Javascript] Une Liste déroulante

Bonjour,

J'ai un code à modifier mais je connais très peu Javacript. Il faut dans mon cas que je crée une liste deroulante et que le choix qui aura été sélecionné soit récupéré.
Je n'ai pas testé (car je ne le peux pas encore) mais je crois comprendre que pour lier du code html à du Javascript, il faut faire comme ceci :

Code:

---

1 2 3 4 5 6 7

<FORM NAME="Choix"> <SELECT NAME="Liste" onChange="Recup()"> <OPTION VALUE="">Choisir une option <OPTION VALUE="mail">Mail <OPTION VALUE="lettre">Lettre </SELECT> </FORM>

---

La function Javascript Recup :

Code:

---

1 2 3 4 5

function Recup() { val = document.Choix.Liste.selectedIndex; if (val == 0) return; choice = document.Choix.Liste.options[i].value; }

---

Est-ce que de cette manière, choice contiendra mail dans le cas ou j'aurais selectionné MAIL ?

Merci

Bonjour,

Citation:

---

Envoyé par maxlegrand

Est-ce que de cette manière, choice contiendra mail dans le cas ou j'aurais selectionné MAIL ?

---

Presque :

Code:

---

1 2 3 4 5 6 7

<FORM NAME="Choix"> <SELECT NAME="Liste" onChange="Recup()"> <OPTION VALUE="">Choisir une option <OPTION VALUE="mail">Mail <OPTION VALUE="lettre">Lettre </SELECT> </FORM>

---

Code:

---

1 2 3 4 5

function Recup() { val = document.forms['Choix'].element['Liste'].selectedIndex; if (val == 0) return; choice = document.forms['Choix'].element['Liste'].options[val].value; }

---

La syntaxe était un peu "dépassée", et puis tu utilisait un "i" inconnu au lieu de val comme indice ...

A+

Merci.
La variable choice sera maintenant accessible partout dans le fichier et pas uniquement dans cette fonction?
Par exemple, si j'ai une fonction :

Code:

---

1 2 3 4 5 6

function test() { <!-- Ici,j'utilise choice,c'est permis ? Si ce n'est pas le cas comment faire ? --> }

---

Citation:

---

Envoyé par maxlegrand

La variable choice sera maintenant accessible partout dans le fichier et pas uniquement dans cette fonction?

---

Oui, sous réserve que tu la déclares en variable globale.
Ca revient à la déclarer en dehors d'une fonction :

Code:

---

1 2 3 4 5 6 7 8 9

var choice = ''; function Recup() { val = document.forms['Choix'].element['Liste'].selectedIndex; if (val == 0) return; choice = document.forms['Choix'].element['Liste'].options[val].value; } function UneAutreFonction () { alert(choice); }

---

A+

Je remonte ce topic car j'ai une autre question. Je ne pourrais pas tester avant plusieurs jours. Je dois modifier un code existant pour intégrer le choix qui a été saisie dans la liste déroulante.

Actuellement le fichier que je dois modifier contient des lignes du type :

Code:

---

1 2 3 4 5

<a href="$cgi_name.cgi?year=104">2004</a> </td></tr><tr align="center"><td> <a href="$cgi_name.cgi?year=105">2005</a> </td></tr><tr align="center"><td> <a href="$cgi_name.cgi?year=106">2006</a>

---

Je vais modifier ces lignes pour intégrer le choix comme ceci :
Est-ce que ce que j'écris est correct ?

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<script language="JavaScript"> <!-- function lien(year) { window.location = "$cgi_name.cgi?year=year&choice=" + choice; } // -->   <a href="Javascript:lien(104);">2004</a> </td></tr><tr align="center"><td> <a href="Javascript::lien(105)">2005</a> </td></tr><tr align="center"><td> <a href="Javascript::lien(106)">2006</a> </script>

---

Ensuite, si je fais :

Code:

---

param("choice")

---

Est-ce que j'obtiendrais mail dans le cas ou c'est mail que je choisis ?

Merci

Salut,

tu as juste une petite erreur la :

Citation:

---

window.location = "$cgi_name.cgi?year=year&choice=" + choice;

---

Fait plutot ca :

Code:

---

1 2	window.location = "$cgi_name.cgi?year="+year+"&choice=" + choice;

---

Tu as aussi écrit des javascript::lien() au lieu de javascript:lien() mais bon je pense que c'est plus une faute de frappe.

Citation:

---

Ensuite, si je fais :
Code :

param("choice")
Est-ce que j'obtiendrais mail dans le cas ou c'est mail que je choisis ?

---

Pour récupérer ton paramètre c'est tu fais quoi exactement ? du perl ?
Auquel cas tu as un tuto la : http://perl.developpez.com/faq/?page...36#sectionC36b
Ca a l'air de ressembler a ce que tu as mis mais perso j'y connais rien en perl..

voila, j'espère t'avoir aidé...