Select multiple avec javascript, xhr_object, et traitement php

Version imprimable

Bonjour a tous,

J'ai un souci de gestion des données reçues en GET dans mon PHP issues d'un select multiple passant par le javascript xhr_object.

Je m'explique :

J'ai mon select :

Code:

1
2
3
4
5
6
7
8
9
 
         <select name="test[]" multiple="multiple" onchange="recupSelection(this, 5)">
            <option value="" selected="selected">Valeur recupérée de m BDD</option>
            <option value="tata">tata</option>
            <option value="tete">tete</option>
            <option value="titi">titi</option>
            <option value="toto">toto</option>
            <option value="tutu">tutu</option>
          </select>

J'appelle donc ma fonction javascript qui doit me sortir un tableau, déja je n'y arrive pas !!!

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
          function recupSelection(src, idB)
          {
            valeur = // valeur des anciens choix selectionnés // je bug a ce niveau
            valeur += src.options[src.selectedIndex].value + '-';
			alert ("utilisateur2.php?addman="+valeur+"&chgut="+idB);	
			var xhr_object = null;
				if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest();
				else if(window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
				else {alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");return;}
				xhr_object.open("POST", "utilisateur2.php?addman="+valeur+"&chgut="+idB, true);
				xhr_object.onreadystatechange = function() {if(xhr_object.readyState == 4) {}}
				xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
				var data = "addman="+valeur+"&chgut="+idB;
				xhr_object.send(data);
			src.selectedIndex = 0;
          }

et le probleme majeur tien dans le fait que je récupere une ligne de plusieures valeurs séparées par un trait d'union dans le GET de addman
ce qui veut dire que je dois créer un tableau afin d'inserer chaque valeur dans la BDD.

Je suis un peu perdu, si quelqu'un pouvait m'aider, merci beaucoup.

Bonjour,

Code:

1
2
3
4
				xhr_object.open("POST", "utilisateur2.php?addman="+valeur+"&chgut="+idB, true);
...
				var data = "addman="+valeur+"&chgut="+idB;
				xhr_object.send(data);

Les données sont transmises à la fois en GET et en POST.
Il faut choisir !

En POST :

Code:

1
2
3
4
				xhr_object.open("POST", "utilisateur2.php", true);
...
				var data = "addman="+valeur+"&chgut="+idB;
				xhr_object.send(data);

En GET :

Code:

1
2
3
4
				xhr_object.open("GET", "utilisateur2.php", true);
...
				var data = "addman="+valeur+"&chgut="+idB;
				xhr_object.send(data);

Web 2.0, allez plus loin avec AJAX et XMLHttpRequest

01/11/2016, 16h58
guillaumeIOB

Effectivement, j'ai écris trop rapidement le collage de mon code.

Mais c'est bien la fonction GET que j'utilise
01/11/2016, 21h03
Invité

str.split() te permet de convertir une chaine de caractère en tableau en utilisant un caractère de séparation. Dans ton cas ce sera quelque chose comme valeur.split('-')

Ensuite il te reste a créer les options du select en javascript. Pour cela tu as tout un tas d'options pour contrôler le DOM de ta page.

Une pratique courante quand tu reçois des données en AJAX c'est de passer par du JSON, la méthode du séparateur par un délimiteur fonctionne mais est limités aux cas où tes valeurs possèdent elles mêmes ce délimiteur. JSON marche dans tous les cas.