Discussion :

[Nysta]

Bonjour à tous,

ça doit faire quelques jours que je rame là dessus, je ne sais plus quoi faire....

J'ai pourtant toujours codé de la même manière... Bref, j'ai un formulaire HTML, qui fait appel à une fonction Javascript. Cette fonction Javascript permet d'identifier les choix sélectionné, ensuite les envoie à une page PHP, qui est chargée de sauvegarder ces informations dans la base de données.

J'ai le formulaire suivant:

Code html :

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

1
2
3
4
5
6
7
8
9
10
<form id="selection_form" method="post">
<select multiple id="liste">
<option value=1>Valeur1</option>
<option value=2>Valeur2</option>
<option value=3>Valeur3</option>
<option value=4>Valeur4</option>
<option value=5>Valeur5</option>
</select>
<input type="submit" name="go" id="go" value="Enregistrer" />
</form>

Code :

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

1
2
3
4
var form = document.getElementById("selection_form");
form.addEventListener('submit', function(e){
saveData();
});

Le code du fichier Javascript:

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
function saveData(){
	var selectedChoices = [], i;
	var selectBox = document.getElementById("liste");
	var nchoix = 0;
	var values = "";
	var url = "saveData.php";
	for(i=0; i < selectBox.length; i++){
		if(selectBox[i].selected){
			selectedChoices.push(selectBox[i].value);
			switch(nchoix){
				case 0:
					values += "choix0=";
					break;
				case 1:
					values += "&choix1=";
					break;
				case 2:
					values += "&choix2=";
					break;
				case 3:
					values += "&choix3=";
					break;
				case 4:
					values += "&choix4=";
					break;	
			}
			values += selectedChoices[nchoix];
			nchoix++;
		}
	}
	values += "nchoix="+nchoix;
	xhr = new XMLHttpRequest();
	xhr.open('POST', url, true);
	xhr.send(values);
}

Et je souhaitais récupérer les données envoyées en paramètre dans mon document PHP en utilisant le code suivant:

Code php :

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

echo("Le premier choix est ".$_POST['choix0']);

Mon soucis est que, lorsque j'exécute les différents code ci-dessus, PHP me renvoi une erreur:

Notice: Undefined index choix0 in C:\wamp\www\Mon_projet\saveData.php on line 5

Quelqu'un a une idée? Je suis désemparé

[Bovino]

Oula, il y a un gros contresens dans ton code.

Code :

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

var selectBox = document.getElementById("liste");

te renvoie en élément DOM (HTMLSelectElement), or un tel objet ne possède pas de propriété length, ce qui fait que selectBox.length vaut undefined.
Tu devrais utiliser la propriété options :

Code :

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

var selectBox = document.getElementById("liste").options;

[Nysta]

Merci Bovino pour ton retour.

Mais il se trouve que j'ai utilisé une fonction "alert()", pour m'assurer que le code suivant renvoi bien le nombre d'options contenues dans le select.

Code :

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

1
2
 
var selectBox = document.getElementById("liste");

Et je n'ai pas eu d'erreur. Mon problème en fait se situe avec PHP, qui n'arrive pas à reconnaître mes variables.

[JuseNNNN]

Ne faut t-il pas rajouter le header dans ta requête ajax ??

Code :

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

1
2
 
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

exemple :

Code :

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

1
2
3
4
5
6
7
8
9
		if (window.XMLHttpRequest) {
			xmlhttp = new XMLHttpRequest();
 
		} else {
			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
		xmlhttp.open("POST","SetNewKeywords.php",true);
		xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
		xmlhttp.send("data="+data+"&var2="+str2+"&var3="+str3+"&var4="+str4);

[Nysta]

J'ai déjà essayé d'ajouter le Header, bien que je ne l'utilise pas très souvent.

Mais malgré cet ajout, ça ne fonctionne toujours pas...

Any idea?

[Bovino]

Ton code me semble inutilement compliqué, tu ferais mieux de passer par des paramètres avec une notation tableau ("&choix[]=") mais passons.
A quel moment inhibes-tu la soumission du formulaire ?

[Nysta]

La soumission du formulaire est inhibée juste après le formulaire HTML, avec le code suivant:

Code :

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

1
2
3
4
5
6
<script>
var form = document.getElementById("selection_form");
form.addEventListener('submit', function(e){
    saveData();
});
</script>