Récupérer value d'un menu déroulant

Version imprimable

Bonjour,

J'ai un petit soucis j'arrive pas à récupérer la value de 2 menu déroulant...:(

HTML

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
40
41
42
43
44
45
<legend> Affichage </legend>
<form action="/accueil/index_admin.php?page=edit_application&id=35" method="POST" name="edition">
<table>
<tbody>
<tr>
<td>
<label for="unite">Unite</label>
</td>
<td>
<select id="unite" name="unite">
<option hidden="">Unite</option>
<option value="0">MF</option>
<option value="1">AMX</option>
<option value="2">REZ</option>
<option value="3">MPO</option>
<option value="4">M7-TZW</option>
<option value="5">OF78-OMZ</option>
<option value="6">ACOT</option>
<option value="7">EZTUDES</option>
<option value="8">GC</option>
<option value="9">RHZ</option>
<option value="1000">test</option>
</select>
</td>
<td>
<label for="menu">Menu</label>
<select id="menu" name="menu">
<option hidden="">Menu</option>
<option value="1">Applications</option>
<option value="2">Editions</option>
<option value="999">test2</option>
<option value="1000">test</option>
</select>
</td>
<td>
<a href="#">
<input id="btn_ajout" type="image" onclick="ajout_appli_menu()" style="height:20px;" src="images/add.png">
</a>
</td>
</tr>
</tbody>
</table>
<div id="code_fonction" style="display: inline"></div>
</form>
</fieldset>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function ajout_appli_menu() {
	var xhr = getXhr();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function() {
		// On ne fait rien tant que la repense du serveur n'est pas a ok
		if(xhr.readyState == 4 && xhr.status == 200) {
			leselect = xhr.responseText;
		}
	}
var x=document.getElementById("btn_ajout").selectedIndex;
alert(x);
	resultat = document.getElementById('btn_ajout').value;
 
	xhr.open("POST", "scripts/ajout_application_portail.php"+resultat, true);
	xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xhr.send(resultat);
	window.location.reload();
}

Merci :(

07/09/2012, 10h19
SpaceFrog

regarde bien les id des tes select ....

Exact

Mais j'ai toujours un probleme

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
40
41
42
43
44
45
46
47
 
<fieldset style="width:330px">
<legend> Affichage </legend>
<form action="/accueil/index_admin.php?page=edit_application&id=35" method="POST" name="edition">
<table>
<tbody>
<tr>
<td>
<label for="unite">Unite</label>
</td>
<td>
<select id="unite" name="unite">
<option hidden="">Unite</option>
<option value="0">MRR</option>
<option value="1">AMT</option>
<option value="2">ROR</option>
<option value="3">MP</option>
<option value="4">My67-TW</option>
<option value="5">MF787-VTI</option>
<option value="6">ACZAT</option>
<option value="7">ETUDESZ</option>
<option value="8">GCC</option>
<option value="9">RHZ</option>
<option value="1000">test</option>
</select>
</td>
<td>
<label for="menu">Menu</label>
<select id="menu" name="menu">
<option hidden="">Menu</option>
<option value="1">Applications</option>
<option value="2">Editions</option>
<option value="999">test2</option>
<option value="1000">test</option>
</select>
</td>
<td>
<a href="#">
<input id="btn_ajout" type="image" onclick="ajout_appli_menu()" style="height:20px;" src="images/add.png">
</a>
</td>
</tr>
</tbody>
</table>
<div id="code_fonction" style="display: inline"></div>
</form>
</fieldset>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function ajout_appli_menu() {
	var xhr = getXhr();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function() {
		// On ne fait rien tant que la repense du serveur n'est pas a ok
		if(xhr.readyState == 4 && xhr.status == 200) {
			leselect = xhr.responseText;
		}
	}
var x=document.getElementById("menu").selectedIndex;
var y=document.getElementById("unite").selectedIndex;
alert('UNITE->'+document.getElementsByTagName("option")[y].value+'MENU->'+document.getElementsByTagName("option")[x].value);
 
 
 
	resultat = document.getElementById('btn_ajout').value;
 
	xhr.open("POST", "scripts/ajout_application_portail.php"+resultat, true);
	xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xhr.send(resultat);
	window.location.reload();
}

mon unité me récupére bien la bonne valeur mais mon menu non il récupére 0 pour Application alors que la valeur de application c'est 1, il récupére 1 pour Editions alors que sa devrai etre 2

07/09/2012, 10h54
tidou95220

exemple avec pour
unitee : test
menu : application

mon resultat est le suivant :
UNITE->1000MENU->0

Alors qu'il devrai m'afficher
UNITE->1000MENU->1

J'espere être claire dans mes explications :s..
07/09/2012, 10h58
tidou95220

un oubli de </td> apres mon label 8O
07/09/2012, 10h59
SpaceFrog

Et si tu essayais quelque chose de beaucoup plsu simple comme :

Code:

alert('UNITE->'+document.getElementById("unite").value)
07/09/2012, 11h02
vermine

Ouf. Vous confondez les indices des éléments sélectionnés et les indices du tableau d'options récupérées, ainsi que les value des options. :aie:

Avant de faire cette sélection :

Code:

document.getElementsByTagName("option")[y]

il serait préférable de se positionner sur la bonne liste. Mais bon, une petite lecture de la Faq pourrait suffire.

mon tableau est faux ?

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
<form action="/accueil/index_admin.php?page=edit_application&id=35" method="POST" name="edition">
<table>
<tbody>
<tr>
<td>
<label for="unite">Unite</label>
<select id="unite" name="unite">
<option hidden="">Unite</option>
<option value="0">MRE</option>
<option value="1">AZE</option>
<option value="2">ROR</option>
<option value="3">MP</option>
<option value="4">MF87-TZW</option>
<option value="5">MO77-V8I</option>
<option value="6">ACHAT</option>
<option value="7">ETUDEZ</option>
<option value="8">GCC</option>
<option value="9">RH1</option>
<option value="1000">test</option>
</select>
</td>
<td>
<label for="menu">Menu</label>
<select id="menu" name="menu">
<option hidden="">Menu</option>
<option value="1">Applications</option>
<option value="2">Editions</option>
<option value="999">test2</option>
<option value="1000">test</option>
</select>
</td>
<td>
<a href="#">
</td>
</tr>
</tbody>
</table>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function ajout_appli_menu() {
	var xhr = getXhr();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function() {
		// On ne fait rien tant que la repense du serveur n'est pas a ok
		if(xhr.readyState == 4 && xhr.status == 200) {
			leselect = xhr.responseText;
		}
	}
var x = document.getElementById("menu").selectedIndex;
var y = document.getElementById("unite").selectedIndex;
alert('UNITE->'+document.getElementsByTagName("option")[y].value+'MENU->'+document.getElementsByTagName("option")[x].value);
 
 
	xhr.open("POST", "scripts/ajout_application_portail.php"+resultat, true);
	xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xhr.send(resultat);
	window.location.reload();
}

il me fait la meme erreur

exemple avec pour
unitee : test
menu : application

mon resultat est le suivant :
UNITE->1000MENU->0

Alors qu'il devrait m'afficher
UNITE->1000MENU->1

J'ai l'impression que menu recupere les valeur de unitée.... mais pourquoi ? mon tableau est mal formé ?

07/09/2012, 11h43
SpaceFrog

pourquoi passer par le collection des options ???????????????????????????

Code:

document.getElementById('unite').value

donne directement le value du select

Code:

1
2
3
var x = document.getElemetnById('menu').value;
var y = document.getElemetnById('unite').value;
alert(x+y);

????

cela me donne rien du tout...

07/09/2012, 11h51
Bovino

Ouvre les yeux en même temps que tu copies colles, cela pourra t'éviter de recopier aveuglément les fautes de frappe :roll:
07/09/2012, 11h52
vermine

Code:

'UNITE->'+y

Ce qui revient à dire sans passer par x et y :

Code:

'UNITE->'+document.getElementById('unite').value;

Avez-vous lu nos réponses ?
07/09/2012, 11h53
tidou95220

hum je ne te suit pas Bovino .... :cry:
07/09/2012, 11h54
SpaceFrog

Mea culpa ...
mes pattes palmées ont encore fourché

g e t E l e m e n t B y I d

Mais on peut faire plus compliqué ...
Code:

1 2 document.getElementById("unite").options[document.getElementById("unite").selectedIndex].value

07/09/2012, 11h56
tidou95220

Merci vermine. :) C'est parfait !
07/09/2012, 11h58
SpaceFrog

Merci Vermine ... :roll:

je n'ai pourtant pas de vitriers dans la famille ... :cry:
07/09/2012, 12h08
tidou95220

cool
07/09/2012, 13h06
vermine

Spaffy est jaloux.