Liste déroulante incompatible sous IE

**EricDou** · 10/02/2009, 11h45

Bonjour à tous,

A partir de deux listes déroulantes, j'ai programmé le script javascript qui permet de contrôler si les deux objects sélectonnés ne sont pas identiques. S'ils sont identiques, on émet un message d'erreur avec le fond de couleur en rouge. (cf un démo : http://cybermains01.free.fr/test2.php)
Tout marche bien sous firefox mais il ne fonctionne pas sous IE.
Pourriez-vous m'aider ?

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
38
39
40
41
42
43
44
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
<script language="javascript">
 function controle()
  {
   if (document.form1.liste1.value==document.form1.liste2.value)
    {
	 document.form1.liste2.style.backgroundColor="#FF0000";
     document.form1.liste2.focus();
	 alert("Les deux rubriques doivent être différentes, merci");
	 return false;
	}
   else
    {
	 document.form1.liste2.style.backgroundColor="#FFFFFF";
	 return true;
	}
  }
</script>
</head>
 
<body>
<form name="form1" action="test2.php" method="post" enctype="multipart/form-data" onchange="controle()">
  <p>
    <select name="liste1">
      <option value="0">--- Choix ---</option>
      <option value="1">Objet1</option>
      <option value="2">Objet2</option>
      <option value="3">Objet3</option>
     </select>
     <select name="liste2">
       <option value="0">--- Choix ---</option>
       <option value="1">Objet1</option>
       <option value="2">Objet2</option>
       <option value="3">Objet3</option>
      </select> 
<input type="submit" name="Submit" value="Confirmer" />
      </p>
  </form>
</body>
</html>

**Bovino** · 10/02/2009, 11h55

Le onchange doit être placé dans les select, pas dans le form

**EricDou** · 10/02/2009, 11h58

Merci Bovino,

ça marche ... ouf

Liste déroulante incompatible sous IE

JavaScript

Discussions similaires

Partager

Partager