Récupérer Contenu Select Dynamique

**Azerøth** · 21/07/2016, 13h12

Bonjour tous le monde

Je rencontre un petit problème de programmation.

Voilà mon programme, il ressemble à ceci :

Nom : Probleme 1.png
Affichages : 413
Taille : 19,3 Ko

Le fonctionnement est hyper simple :

-Par défaut nous avons plusieurs genres de films proposés sur la gauche, il est possible de les faire passer dans le menu de droite (grace au bouton central >>).
Ceci permettant à l'utilisateur de selectionner les genres de films qu'il préfère.

C'est là qu'arrive mon problème, lorsque je clique sur "Valider" nous sommes redirigés vers une autres page pour traiter les données.
Mais comment récupérer les éléments qui ont été envoyés dans le second <select></select> "Types séletionnés" ?

Voici mon code :

page1.php

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
 
 
<form name="formulaire" method="post" action="page2.php">
	<table>
		<tr>
			<td width="30%" align="center">
				<div style="line-height:30px;">Tous les types :</div>
				<SELECT name="ListGenre" size="5" multiple style="width:300px;">
					<?php // Liste les genres existants
					$sql = "SELECT * FROM genreFilms ORDER BY genre_nom";
					$resultat = mysql_query($sql);
					while ($ligne = mysql_fetch_object($resultat)) 
					{
						print ("<option value='$ligne->genre_id'>$ligne->genre_nom</option>\n");
					}
					?>
				</SELECT>
			</td>
			<td width="10%" align="center" valign="middle">
				<p><a href="javascript:void(0);" onClick="MoveListe('TypGenre', 'ListGenre')"> << </a></p>
				<p><a href="javascript:void(0);" onClick="MoveListe('ListGenre', 'TypGenre')"> >> </a></p>                            
			</td>
			<td width="30%" align="center">
				<div style="line-height:30px;">Types sélectionnés :</div>
				<select name="TypGenre" size="5" multiple style="width:300px;">
				</select>
			</td>
			<td width="20%" valign="middle">
				<table align="center" width="100%" cellpadding="2" cellspacing="10">
					<tr>
						<td class="creation">
							<input type="submit" name="submit" value="Valider">
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>  
</form>

Les données sont sencées être récupérées ici :

page2.php

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<?php 
 
include ("connexion.php"); 
 
if(isset($_POST['submit']))
{
	// Récupération du contenu du select TypGenre ... Un truc du genre : $_POST['TypGenre']
}
 
?>

Si quelqu'un veut bien me venir en aide, ça serait bien sympathique

PS :
- Oui je sais , de nos jours on utilise mysqli.
- Oui il manque des genres de films, ils arriveront par la suite

Merci d'avance !

**andry.aime** · 21/07/2016, 13h31

Bonjour,

Code html :

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

<select name="TypGenre[]" size="5" multiple style="width:300px;">

$_POST['TypGenre'] sera un tableau.

A+.

**Azerøth** · 21/07/2016, 15h37

Merci pour ton aide, je viens de modifier le code. Il a maintenant la forme suivante :
{Il reste un problème}

page1.php

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
 
 
<form name="formulaire" method="post" action="page2.php">
	<table>
		<tr>
			<td width="30%" align="center">
				<div style="line-height:30px;">Tous les types :</div>
				<SELECT name="ListGenre[]" size="5" multiple style="width:300px;">
					<?php // Liste les genres existants
					$sql = "SELECT * FROM genreFilms ORDER BY genre_nom";
					$resultat = mysql_query($sql);
					while ($ligne = mysql_fetch_object($resultat)) 
					{
						print ("<option value='$ligne->genre_id'>$ligne->genre_nom</option>\n");
					}
					?>
				</SELECT>
			</td>
			<td width="10%" align="center" valign="middle">
				<p><a href="javascript:void(0);" onClick="MoveListe('TypGenre[]', 'ListGenre[]')"> << </a></p>
				<p><a href="javascript:void(0);" onClick="MoveListe('ListGenre[]', 'TypGenre[]')"> >> </a></p>                            
			</td>
			<td width="30%" align="center">
				<div style="line-height:30px;">Types sélectionnés :</div>
				<select name="TypGenre[]" size="5" multiple style="width:300px;">
				</select>
			</td>
			<td width="20%" valign="middle">
				<table align="center" width="100%" cellpadding="2" cellspacing="10">
					<tr>
						<td class="creation">
							<input type="submit" name="submit" value="Valider">
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>  
</form>

Page avec le traitement des données

page2.php

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
 
<?php 
 
include ("connexion.php"); 
 
if(isset($_POST['submit']))
{
	if(isset($_POST['TypGenre'][0]))
	{
		echo "Type selectionné : ".$_POST['TypGenre'][0].'<br>';
	}
	if(isset($_POST['TypGenre'][1]))
	{
		echo "Type selectionné : ".$_POST['TypGenre'][1].'<br>';
	}
	if(isset($_POST['TypGenre'][2]))
	{
		echo "Type selectionné : ".$_POST['TypGenre'][2].'<br>';
	}
}
 
?>

Mais celà fonctionne que dans certains cas.

Je vous met les deux cas de figure ci dessous : Quand ça marche, quand ça ne marche pas

1) Ca ne marche pas :

Nom : pb1erreur.png
Affichages : 372
Taille : 23,9 Ko

Nom : pb1erreur.png
Affichages : 372
Taille : 23,9 Ko

2) Ca marche :

Nom : pb2erreur.png
Affichages : 386
Taille : 18,2 Ko

Oui, pour que celà marche il faut que les éléments soient en surbrillance , avant de valider ... Pourquoi?

**andry.aime** · 21/07/2016, 15h54

Envoyé par Azerøth

Oui, pour que celà marche il faut que les éléments soient en surbrillance , avant de valider ... Pourquoi?

Parce que le formulaire n'envoie que les options sélectionnées du select multiple. Crée une fonction javascript pour sélectionner toutes les options et que tu l'appelles dans le onsubmit du formulaire.

Et pour parcourir les éléments sélectionnés du côté PHP, utilise une boucle.

Code :

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

1
2
3
foreach ($_POST['TypGenre'] as $TypGenre){
    echo "Type selectionné : ". $TypGenre.'<br>';
}

A+.

**Azerøth** · 21/07/2016, 16h05

Envoyé par andry.aime

Parce que le formulaire n'envoie que les options sélectionnées du select multiple. Crée une fonction javascript pour sélectionner toutes les options et que tu l'appelles dans le onsubmit du formulaire.

Je suis pas le meilleur du monde en javascript, pourrais tu me dire comment faire celà ?

Merci d'avance

**andry.aime** · 21/07/2016, 16h20

Code js :

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

1
2
3
4
5
6
function selectAll(idSelect) { 
var selectMultiple = document.getElementById(idSelect);
 for (var i = 0; i < selectMultiple.options.length; i++){ 
    selectMultiple.options[i].selected = true; 
 } 
}

Code html :

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

1
2
3
<form name="formulaire" method="post" action="page2.php" onsubmit="selectAll('TypGenre');">
...
<select name="TypGenre[]" id="TypGenre" size="5" multiple style="width:300px;">

Sinon, je te conseille d'apprendre javascript si tu veux continuer à faire du web.

A+.

**Azerøth** · 21/07/2016, 16h33

C'est parfait, je te remercie

Récupérer Contenu Select Dynamique

Langage PHP

Discussions similaires

Partager

Partager