Bonjour,

j'ai poster un message sur le forum pour pouvoir trouver script java script, qui me permet de mettre dans mon formulaire une liste déroulante avec des rubriques qui me permet d'afficher une image quand je clique sur la rubrique, jusque la tout fonctionne, sauf que j'ai d'autre liste déroulante dans le même formulaire qui doivent faire la même chose, mais j'ai essayé de repéter le script et la, la premier liste déroulante ne fonctionne plus au niveau affichage d'image, et la deuxième liste déroulante fonctionne, je suis débutant en java script, je pense que de mettre deux fois le script doit faire un conflit ???
Car j'ai besoin de ce script pour quatre liste déroulante différente et qui les affiche les images sous les liste déroulante correspondante.

voila le code pour une liste déroulante :

comment je dois faire pour l'utiliser pour d'autre liste déroulante sans conflit

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
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
 
var tbvaleur= new Array('fg','images/image1.jpg','fh','images/image2.jpg','fi','images/image3.jpg','fj','images/image4.jpg');
 
function change(vaval){
for (var i = 0; i < tbvaleur.length; i+=2) {
if (tbvaleur[i]==vaval){
document.getElementById('coucou').src=tbvaleur[i+1];
}
}
}
</script>
</head>
<body>
 
<select onChange=" change(this.value)">
<option value="">Choisissez ! 
</option>
<option value="fg">image1</option>
<option value="fh">image2</option>
<option value="fi">image3</option>
<option value="fj">image4</option>
</select> 
 
<img id ='coucou' src ='d4g.jpg'>
<br>
</body>
</html>

je vous remercie de votre aide