Discussion :

[Bruno2000]

Code :

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

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 :

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

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

ou plutot

Code :

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

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 :

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

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

[marcha]

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 :

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

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 :

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

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;	
  		}
  	}
}

[Bruno2000]

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