Firefox fonctionne comment sur le select ?

**a028762** · 19/03/2011, 11h30

Bonjour,
bien qu'ayant parcouru le forum, je ne trouve pas de réponse à mon souci avec Firefox (marche sous IE8) :

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
function ChangerClient () {
var Nom            = document.getElementById('Client');
var NomDetail    = document.getElementById('Libelle'); 
var Selection    = document.FormeSaisie.Client; 
var Index        = document.FormeSaisie.Client.selectedIndex; 
var Navigateur = navigator.appName;
Nom.value        = Selection.options[Index].value; 
alert('Nom:'+Nom.value); 
if (Navigateur == 'Netscape') {
  NomDetail.value    = Selection.options[Index].innerHTML; 
} else {
  NomDetail.value    = Selection.options[Index].text; 
} 
alert('NomDetail:'+NomDetail.value);
}
<select name='Client' id='Client' onChange="ChangerClient()">
<option value='1'>Gilbert</option>
<option value='2'>Gaston</option>
<option value='3'>Richard</option>
</select>

**nadox** · 19/03/2011, 11h45

Bonjour,

N'ayant pas de détails concernant le problème rencontré, j'ai fait un petit test avec ce code :

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
32
33
34
35
36
37
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title>test</title>
	<style type="text/css">
 
	</style>
	<script type="text/javascript">
	function ChangerClient () {
	var Nom            = document.getElementById('Client');
	var NomDetail    = document.getElementById('Libelle'); 
	var Selection    = document.FormeSaisie.Client; 
	var Index        = document.FormeSaisie.Client.selectedIndex; 
	var Navigateur = navigator.appName;
	Nom.value        = Selection.options[Index].value; 
	alert('Nom:'+Nom.value); 
	if (Navigateur == 'Netscape') {
	  NomDetail.value    = Selection.options[Index].innerHTML; 
	} else {
	  NomDetail.value    = Selection.options[Index].text; 
	} 
	alert('NomDetail:'+NomDetail.value);
	}
	</script>
</head>
<body>
<form name="FormeSaisie">
	<select name='Client' id='Client' onChange="ChangerClient()">
	<option value='1'>Gilbert</option>
	<option value='2'>Gaston</option>
	<option value='3'>Richard</option>
	</select>
	<input type="text" id="Libelle"/>
</form>
</body>
</html>

qui fonctionne très bien sur mon firefox...

**SpaceFrog** · 19/03/2011, 11h46

et la question est ?

**javatwister** · 19/03/2011, 12h52

moi pas comprendre;

sinon, les arguments de fonction, tu connais?

**a028762** · 19/03/2011, 17h17

la question est ; que faut-il mettre à la place de

Code :

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

NomDetail.value = ....

car la ligne pour IE

Code :

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

1
2
NomDetail.value    = Selection.options[Index].text;
provoque un arrêt du javascript

**nadox** · 19/03/2011, 17h25

Envoyé par a028762

Bonjour,
bien qu'ayant parcouru le forum, je ne trouve pas de réponse à mon souci avec Firefox (marche sous IE8) :

Je ne comprends pas, c'est un problème sur IE ou Firefox ?

**a028762** · 19/03/2011, 18h07

sous Firefox ...
c'est une coquille
désolé

**nadox** · 19/03/2011, 18h29

Comme dit plus haut : je ne constate pas de soucis de mon coté.

Par contre ce code me fait très mal au yeux... Même si il fonctionne !

Pourquoi récupérer le select deux fois ? (avec l'id et le name)

Pourquoi tout mettre dans des variables intermédiaires ?

Eventuellement, voici un code un peu plus propre(vite fait) qui fonctionne et élimine(en partie) les absurdités du code précédent...

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
32
 
<html>
<head>
	<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title>test</title>
	<style type="text/css">
 
	</style>
	<script type="text/javascript">
	function changerClient(oSelection)
	{
	var oLibelle  = document.getElementById('Libelle'); 
	var Navigateur = navigator.appName;
	if (Navigateur == 'Netscape') {
	  oLibelle.value    = oSelection.options[oSelection.selectedIndex].innerHTML; 
	} else {
	  oLibelle.value    = oSelection.options[oSelection.selectedIndex].text; 
	} 
	alert('oLibelle:'+oLibelle.value);
	}
	</script>
</head>
<body>
<form>
	<select onchange="changerClient(this)">
		<option value='1'>Gilbert</option>
		<option value='2'>Gaston</option>
		<option value='3'>Richard</option>
	</select>
	<input type="text" id="Libelle"/>
</form>
</body>
</html>

Mais à mon avis le soucis ne vient pas plus de firefox que du code...

Firefox fonctionne comment sur le select ?

JavaScript

Discussions similaires

Partager

Partager