1 pi�ce(s) jointe(s)
Traitement javascript des options issues d'un Dropdown Multiple Select
Bonjour a tous,
J'ai un probl�me pour lequel je tourne en rond depuis quelques jours,
J'ai actuellement un select multiple :
Pi�ce jointe 368093
Ce s�lect me permet �videmment de s�lectionner plusieurs options, pas en les surlignant mais en les ajoutant dans un input au dessus (oui je sais c'est bizarre :-D), mais c'est un Dropdown Multiple Select
Ensuite j'attribue une action onchange :
Code:
1
2
3
4
5
6
| <select id="chgut[]" name="chgut[]" multiple="multiple" class="form-control search-select" onchange="recupSelection(this,1,0,1)">
<option value="A">Alabama</option>
<option value="AR">Arizona</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
</select> |
Ma fonction recupSelection
Code:
1
2
3
4
5
6
7
8
9
| function recupSelection(idA,client,trian,idB) {
var idC = idA.options[idA.selectedIndex].value;
var xhr_object = new XMLHttpRequest();
xhr_object.open("POST", "sauve_gestion.php", true);
xhr_object.onreadystatechange = function() {if(xhr_object.readyState == 4) {}}
xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
var data = "client="+client+"&trian="+trian+"&idGEST="+idC;
xhr_object.send(data);
} |
J'ai tent� de comprendre comment fonctionnait le meme type de traitement mais avec des checkbox a la place d'un select :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
function recupSelection(id_class,client,trian,idB) {
var elts = document.querySelectorAll(id_class);
alert ("elts "+elts)
var i = 0;
var array_val = []; // array
elts.forEach(function(id) {
if (id.checked) {
array_val[i] = id.value; // on récupère les value des cases cochées
i++;
}
});
var liste_val = encodeURIComponent((array_val.length > 0) ? JSON.stringify(array_val) : "");
// liste au format JSON
var xhr_object = new XMLHttpRequest();
xhr_object.open("GET", "sauve_gestion.php?client="+client+"&trian="+trian+"&liste="+liste_val, true);
xhr_object.onreadystatechange = function() {if(xhr_object.readyState == 4) {console.log ("relance_sms.php?sms="+sms+"&liste="+liste_val);}}
var data = "client="+client+"&trian="+trian+"&liste="+liste_val;
xhr_object.send(null);
} |
�videmment cela de fonctionne pas a partir d'un SELECT :-D
Le but �tant de s�lectionner plusieurs noms dans le select et d'envoyer ensuite la liste des values correspondante via javascript..
Certainement que comme avec les checkbox je devrai r�cup�rer en json le traitement php final.
J'ai tent� �galement de m'inspirer de cette solution : https://www.developpez.net/forums/d1...e-additionner/
Ensuite j'ai tent� de mettre : <select id="chgut[]" name="chgut[]" multiple="multiple" class="form-control search-select" onchange="alert(this.value);"> pour voir le r�sultat et il me renvoi toujours la valeur du premier choix, jamais les autres pays que je rajoute.
Mais mon probl�me est qu'avec un affichage des s�lections en t�te du select, et non parmi les options, cela ne marche pas, voir image de la t�te du select :
Pi�ce jointe 368093
Merci pour votre aide.
Olivier
