[AJAX] Récupérer option select

Version imprimable

Bonjour,

Avant de poster j'ai consulté la FAQ. J'ai appliqué proprement la réponse à la question : "Comment récupérer la valeur d'un select ? " mais mon code me retourne toujours la valeur du select qui s'affiche à l'écran, pas la valeur de l'option. Je cherche à récupérer dans option ce qui se trouve après la virgule.

Voici le select :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<select id="liste_sous_activite" name="liste_sous_activite" multiple onchange="liste2()">
		<option value=-1>-- Choisissez -- </option> 
		<option style='background:',PREP_ETA>Préparation étagère</option>
		<option style='background:',PREP_MPD>Préparation MPD</option>
		<option style='background:',ANIM_EQUIPE>Animation Equipe</option>
		<option style='background:',COLISAGE>Colisage</option>
 
		<option style='background:',PREP_VRAC>Préparation VRAC</option>
		<option style='background:',TRI>Tri Colis</option>
		<option style='background:',REAPPRO>Réapprovisionnement</option>
		<option style='background:',NETTOYAGE>Nettoyage</option>
		<option style='background:',CONTROLE>Contrôle</option>
		<option style='background:',REUNION>Réunion</option>
		<option style='background:',HIS>Heure d'Information Syndicale</option>
</select>

et le Javascript :

Code:

1
2
3
var str = document.getElementById('liste_sous_activite').options[document.getElementById('liste_sous_activite').selectedIndex].value;
var a = str.split(',');
var sous_activite = a[1];

09/03/2010, 15h51
E.Bzz

Bonjour,

Citation:

Envoyé par arthuro45

Je cherche à récupérer dans option ce qui se trouve après la virgule.

il suffit de le définir comme value de l'option

Code:

<option value="PREP_ETA">Préparation étagère</option>

Sauf que comme il s'agit d'un select multiple, pour récupérer toutes les lignes sélectionnées, il faut que tu boucles sur les options pour récupérer toutes celles dont le selected est à true ...

A+

Merci :)

Si tu es toujours disponible, peux-tu m'aider pour la boucle ?

J'ai voulu m'aider du bout de code de la FAQ JS, mais je ne dois pas savoir l'adapter :

Code:

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
36
37
38
39
function validation()
{
var xmlHttp = xhr();
var reponse3 = document.getElementById('reponse3');
var str = document.getElementById('liste_sous_activite').options[document.getElementById('liste_sous_activite').selectedIndex].value;
var a = str.split(',');
var sous_activite = a[1];
var couleur = document.getElementById('hexval').value;
var btn_valider = document.getElementById('valider').value;
 
var selectedList = new Array();
var selectBox = document.forms[0].monSelect;
for (var i=0; i<selectBox.options.length; i++) {
  if (selectBox.options[i].selected) {
    selectedList.push(selectBox.options[i]);
  }
}
var alertTxt = "";
for (opt in selectedList) {
alertTxt += "L'option "+opt.value+" est selectionnée \n";
}
alert(alertTxt);
 
if(btn_valider != "") {
var url = "./parametre/ajax/validation.php?";
var data = "param="+sous_activite; 
var data2 = ","+couleur;
url +=data+data2;
xmlHttp.open("get",url,true);
xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4 && xmlHttp.status==200) 
{
reponse3.innerHTML = xmlHttp.responseText;
	}
}
xmlHttp.send(null);
	}
}

10/03/2010, 09h11
E.Bzz

Il ne doit pas manquer grand chose :D

Code:

selectedList.push(selectBox.options[i].value);

Est-ce suffisant ?

A+

Non ça ne suffit pas, j'ai une erreur (Erreur*: selectBox is undefined) mais je ne dois pas savoir appeler mon select correctement je pense.

Code:

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
36
37
38
39
function validation()
{
var xmlHttp = xhr();
var reponse3 = document.getElementById('reponse3');
var str = document.getElementById('liste_sous_activite').options[document.getElementById('liste_sous_activite').selectedIndex].value;
var a = str.split(',');
var sous_activite = a[1];
var couleur = document.getElementById('hexval').value;
var btn_valider = document.getElementById('valider').value;
 
var selectedList = new Array();
var selectBox = document.forms[0].liste_sous_activite;
for (var i=0; i<selectBox.options.length; i++) {
  if (selectBox.options[i].selected) {
    selectedList.push(selectBox.options[i].value);
  }
}
var alertTxt = "";
for (opt in selectedList) {
alertTxt += "L'option "+opt.value+" est selectionnée \n";
}
alert(alertTxt);
 
if(btn_valider != "") {
var url = "./parametre/ajax/validation.php?";
var data = "param="+sous_activite; 
var data2 = ","+couleur;
url +=data+data2;
xmlHttp.open("get",url,true);
xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4 && xmlHttp.status==200) 
{
reponse3.innerHTML = xmlHttp.responseText;
	}
}
xmlHttp.send(null);
	}
}

11/03/2010, 09h24
E.Bzz

Code:

var selectBox = document.getElementById('liste_sous_activite');

??

A+