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
