onchange sur select avec internet explorer
bonjour,
dans ma page, j'ai des select : en fonction de l'option choisie, une image et un div se mettent a jour
le code marche tres bien sur firefox mais pas sur internet explorer.
une idée je suis preneur
Code:
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>problème select</title>
<script type="text/javascript">
function selection(pSelect){
var maSelec = pSelect.options[pSelect.selectedIndex].value;
switch (maSelec)
{
case "c1":
document.getElementById('image-big').src = 'images/produit/couleur-1.jpg';
document.getElementById('descriptif2').innerHTML = 'couleur 1';
break;
case "c2":
document.getElementById('image-big').src = 'images/produit/couleur-2.jpg';
document.getElementById('descriptif2').innerHTML = 'couleur 2';
break;
case "c3":
document.getElementById('image-big').src = 'images/produit/couleur-3.jpg';
document.getElementById('descriptif2').innerHTML = 'couleur 3';
break;
case "c4":
document.getElementById('image-big').src = 'images/produit/couleur-4.jpg';
document.getElementById('descriptif2').innerHTML = 'couleur 4';
break;
case "c5":
document.getElementById('image-big').src = 'images/produit/couleur-5.jpg';
document.getElementById('descriptif2').innerHTML = 'couleur 5';
break;
}
}
</script>
</head>
<body>
<img src="images/produit/couleur-1.jpg" id="image-big">
<div id="descriptif2"></div>
<select onchange="selection(this)" name="liste">
<option value="c1">test 1</option>
<option value="c2">test 2</option>
<option value="c3">test 3</option>
<option value="c4">test 4</option>
<option value="c5">test 5</option>
</select>
<select onchange="selection(this)" name="liste2">
<option value="c1">test 1</option>
<option value="c2">test 2</option>
<option value="c3">test 3</option>
<option value="c4">test 4</option>
<option value="c5">test 5</option>
</select>
</body>
</html> |
