action sur une options

Code:

---

1 2 3 4 5 6 7 8

<select id="monSel" onchange="call()" > <option id="option1_avec_confirm" >Option 1</option> <option id="option2_sans _confirm" >Option 2</option> <option id="option3_avec_confirm" >Option 3</option> <option id="option4_avec_confirm" >Option 4</option> <option id="option4_sans_confirm" >Option 4</option> </select>

---

Je veux lancer un javascript avec confirmation ou non selon l'option choisi. Jaimerai aussi un message également différent selon l'option.
Quel technique me conseiler vous autre qu'une convention de nom pour faire cela génériquement car les options sont inconnues à l'avance (généré depuis une BD) ?

J'avais pensé
- utiliser du javascript sur chaque option pour mettre a jour une variable JS. Mais on ne peux pas executer du JS depuis une option. En tout cas, je n'y suis pas arrivé.
- utiliser un tag particulier sur chaque options avec le msg a afficher.... un truc du style

Code:

---

1 2	<option id="option4" msg="Confimer l'appel 4" >Option 4</option>

---

ou plutot

Code:

---

1 2	<option id="option4" name="Confimer l'appel 4" >Option 4</option>

---

car l'attribut msg n'existe pas.

Et recuperer cela par un :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

function call() { select = document.getElementById("monSel"); index =select.selectedIndex; msgConfirm = select.options[index].name; if (msgConfirm!=null && msgConfirm!="") { if (! confirm(msgConfirm)) { doit = false; } } }

---

Mais je ne trouve pas cela propre

Salut,

Etant donné que tu génère ta liste d'option depuis ta base de donnée,
tu peux générer parallelement un tableau javascript pour les messages.

Code:

---

1 2	var messages = new Array('msg1', 'msg2', ...);

---

Ensuite, sur le onchange de ton select, tu affiches le message à l'index
correspondant au selectedIndex

Code:

---

1 2 3 4 5 6 7 8 9 10 11

function call() { select = document.getElementById("monSel"); index = select.selectedIndex; msgConfirm = messages[index]; if (msgConfirm!=null && msgConfirm!="") { if (! confirm(msgConfirm)) { doit = false; } } }

---

Merci de cette alternative auquel je n'avais pas pensé. Ca fera un peu sale dans le code html généré mais c'est efficace :lol: