Un lien qui modifie l'élément sélectionné (selected) d'une liste déroulante

Bonjour à tous.

J'ai besoin de vos services.

Dans une page, j'ai mis en place une carte de France que j'ai "découpé" avec la balise "area" par régions.
J'ai aussi une liste déroulante avec l'ensemble des régions de France.

J'aimerais qu'en cliquant sur une région sur la carte de France, l'élément correspondant à la région dans la liste déroulante se sélectionne (selected) (sans pour autant recharger la page).

Est-ce possible en Javascript ?

Un peu comme le ferait ce bout de code :

Code:

---

echo "<area shape=\"poly\" coords=\"123,1,107,9,109,25,155,32,155,26,124,1\" href='#' onClick=\"document.formulaire.texte.value='Nord-Pas-de-Calais';\" alt=\"R&eacute;gion Nord Pas De Calais\">";

---

qui affiche en cliquant sur cette région : "Nord-Pas-de-Calais" dans un champ texte. Bref, la même chose, mais avec une liste déroulante, vous saisissez ?

A très bientôt !

Avec un champ select, tu ne peux attribuer une valeur pour le sélectionner, il faut choisir quelle option (par son index) sera sélectionnée.
Donc tu dois pouvoir faire une fonction avec pour parametre la valeur région, qui va passer en revue tous les éléments de ta liste SELECT, et qui sélectionne une option dont la valeur corresponde a celle passée en parametre.
Qqchose comme ca:

Code:

---

1 2 3 4 5 6 7 8 9 10

function sel(param){ mySelect = document.getElementById('mon_champ_select'); for (i=0; i<mySelect.options.length; i++){ if ( mySelect.options[i].value == param ){ mySelect.options[i].selected = true; break; } } }

---

Et donc sur ta map, sur chaque région onclick="sel('valeur_region');"

Merci beaucoup Nabab,
Ca fonctionne parfaitement !
A+
Bonne journée.