Discussion :

[tidou95220]

Bonjour,

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

HTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

JS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

regarde bien les id des tes select ....

[tidou95220]

Exact

Mais j'ai toujours un probleme

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[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..

[tidou95220]

un oubli de </td> apres mon label

[SpaceFrog]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[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.

Avant de faire cette sélection :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[tidou95220]

mon tableau est faux ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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é ?