Récupérer la selection d'un formulaire avec IE.

**yann123456** · 16/03/2010, 13h04

Bonjour,

Je travaille sur un script en javascript Asynchrone.
Le but est la mise à jour d'une liste déroulante a partir de la sélection d'une première liste.
Mon test fonctionne bien avec firefox, safari et chrome, mais pas avec IE.

Voici la fonction qui me pose problème:

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
 
function request05(f) {
	var l1    = f.elements["list1"];
	var l2    = f.elements["list2"];
	var index = l1.selectedIndex;
	if(index < 1)
		l2.options.length = 0;
	else {
		var xhr_object = null;
 
		if(window.XMLHttpRequest) // Firefox
			xhr_object = new XMLHttpRequest();
		else if(window.ActiveXObject) // Internet Explorer
			xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
		else { // XMLHttpRequest non supporté par le navigateur
			alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
			return;
		}
 
		xhr_object.open("POST", "species.php", true);
 
		xhr_object.onreadystatechange = function anonymous() {
			if(xhr_object.readyState == 4)
				eval(xhr_object.responseText);
		}
 
		xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		var data = "family="+escape(l1.options[index].value)+"&form="+f.name+"&select=list2";
		xhr_object.send(data);
 
		alert(l1.options[index].value);
 
	}
}

Avec cette fonction, j'exécute un fichier php pour mettre la deuxième liste à jour.
Je transmet donc des variables par l'intermédiaire de data.
Le problème est que IE ne transmet pas la valeur sélectionné dans la première liste.
J'ai ajouté " alert(l1.options[index].value); ", pour voir le contenu et pour IE ca ne m'affiche rien, pour les autres navigateurs la sélection est bien transmise.
Voyez-vous ou est le problème ?
Merci d'avance.

**SpaceFrog** · 16/03/2010, 13h09

essaye :

Code :

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

1
2
var l1    =document.forms['f'].elements["list1"];
var l2    = document.forms['f'].elements["list2"];

**yann123456** · 16/03/2010, 13h20

Envoyé par SpaceFrog

essaye :

Code :

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

1
2
var l1    =document.forms['f'].elements["list1"];
var l2    = document.forms['f'].elements["list2"];

Non, comme cela ca ne marche plus sur aucun navigateur.

**SpaceFrog** · 16/03/2010, 13h24

on peut voir le code html du form ???

**yann123456** · 16/03/2010, 13h30

Envoyé par SpaceFrog

on peut voir le code html du form ???

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
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title></title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script type="text/javascript" src="test.js"></script>
</head>
 
<body onLoad="request04(form_selects)">
 
	<form class="CenteredForm" name="form_selects" id="form_selects" action="" method="" onsubmit="return false;">
		<fieldset>
			<legend>Faites un choix dans la liste de gauche et observez le résultat dans celle de droite</legend>
			<div class="Left">
 
			<label for="marque">Famille: </label>
			<select name="list1" id="list1" class="ButtonL" onchange="request05(this.form)">
			</select>
 
			<label for="marque">Espèces: </label>
			<select name="list2" id="list2" class="ButtonL">
			</select>
 
			</div>
		</fieldset>
	</form>
 
</body>
</html>

**SpaceFrog** · 16/03/2010, 13h32

Code :

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

<form class="CenteredForm" name="form_selects" id="form_selects" action="" method="" onsubmit="return false;">

=>

Code :

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

1
2
3
 
var l1    =document.forms['form_selects'].elements["list1"];
var l2    = document.forms['form_selects'].elements["list2"];

Récupérer la selection d'un formulaire avec IE.

JavaScript

Vue hybride

Discussions similaires

Partager

Partager