getElementById sur un Select - Incompatiblité avec IE

**CristianPop** · 17/03/2009, 09h41

Bonjour,

Je suis confronté à un problème qui peut vous paraître tout simple, mais dont j'arrive pas à m'en sortie.

Le but du script est de prendre la valeur d'un select et de l'insérer dans un lien sur la page.

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
<script type="text/javascript">
 
 
	function AnneeChanger()
		{
		var Annee = document.getElementById('Annee').options[document.getElementById('Annee').selectedIndex].value;
 
		document.getElementById('Calendar').href = 'Calendar-' + Annee + '.html';
		document.getElementById('Maps').href = 'Maps-' + Annee + '.html';
		document.getElementById('List').href = 'List-' + Annee + '.html';
		}
 
    </script>
 
<body>
<select id="Annee" onChange="AnneeChanger()" >
<option>2008</option>
<option>2007</option>
<option>2006</option>
</select> 
</body>

Scripte complet dispo ici.

Ca fonctionne avec FF, Chrome, Opera, mais rien avec IE 7

J'ai essayé avec simplement

Code :

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

var Annee = document.getElementById('Annee').value;

et le couple :

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
<script type="text/javascript">
 
 
	function AnneeChanger(Annee)
		{
		document.getElementById('Calendar').href = 'Calendar-' + Annee + '.html';
		document.getElementById('Maps').href = 'Maps-' + Annee + '.html';
		document.getElementById('List').href = 'List-' + Annee + '.html';
		}
 
    </script>
 
<body>
<select id="Annee" onChange="AnneeChanger(this.value)" >
<option>2008</option>
<option>2007</option>
<option>2006</option>
</select> 
</body>

Et toujours le même problème, incompatible avec IE.

Voila si vous avez une idée, ça sera géniale.

Merci.

**andry.aime** · 17/03/2009, 09h48

Salut,
C'est parceque les options de ton select n'ont pas d'attribut value.

Code :

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

1
2
3
4
5
<select id="Annee" onChange="AnneeChanger(this.value)" >
<option value="2008">2008</option>
<option value="2007">2007</option>
<option value="2006">2006</option>
</select>

**E.Bzz** · 17/03/2009, 09h50

Envoyé par andry.aime

Salut,
C'est parceque les options de ton select n'ont pas d'attribut value.

Aussi, oui

**SpaceFrog** · 17/03/2009, 09h48

Code :

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

<select id="Annee" onChange="AnneeChanger(this.value)" >

serait plus direct non ?

essaye aussi onchange

**E.Bzz** · 17/03/2009, 09h49

Bonjour,
je pense que pour IE, il y a conflit entre l'ID et le nom de la variable.
Que donne

Code :

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

var une_Annee = document.getElementById('Annee').value;

?

A+

**CristianPop** · 17/03/2009, 09h54

Merci pour votre rapidité

Merci andry.aime, j'avais bien oublié l'attribue value, c'était bête.
Tout fonctionne maintenant, c'est parfait

**andry.aime** · 17/03/2009, 09h54

Je pense qu'avec

Code :

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

var Annee = document.getElementById('Annee').options[document.getElementById('Annee').selectedIndex].text;

Peut marcher sans mettre de value dans les options!

**SpaceFrog** · 17/03/2009, 09h57

text n'est pas crossbrowser ...

getElementById sur un Select - Incompatiblité avec IE

JavaScript

Vue hybride

Discussions similaires

Partager

Partager