Récupérer des catégories et sous catégories d'une table dans un <Select <option value="">>

Version imprimable

26/04/2018, 12h12
devo77

5 pièce(s) jointe(s)

Récupérer des catégories et sous catégories d'une table dans un <Select <option value="">>

Bonjour,

J'essaye de faire une page d'administration pour écrire des articles,
je voudrai que l'on puisse choisir une catégorie (qui sera l'onglet de la page web) et une sous catégorie (qui correspondra à la page web sélectionnée) et qui s'enregistrera dans la sous-catégorie de la page sélectionnée.

J'ai créé une table "categories"
Pièce jointe 373273

J'ai fait 1 fonction pour préparer ma requete :
Pièce jointe 373277

Côté HTML, j'ai fait un formulaire avec des boucles foreach pour récupérer mes catégories et sous-catégories, mais je n'arrive à avoir le résultat que je veux....
Voila mon code partie HTML :
Pièce jointe 373279

Et Voila l'affichage que j'obtiens :
Pour la page de destination, j'ai bien tous les onglets de page web
Pièce jointe 373280

Mais pour la catégorie, j'ai 5 fois la même chose :
Pièce jointe 373283

Pouvez vous m'aider
Merci
27/04/2018, 10h37
MaitrePylos

Bonjour,

La prochaine fois utilise les balises code, plutôt qu'une image c'est plus facile pour nous des copier/coller de ton code, afin de t'aider.

As-tu remarqué que dans la partie où tu fais un double foreach pour avoir les sous-catégorie, tu n,'as qu'un seul endforeach ????????
27/04/2018, 12h01
devo77

Citation:

Envoyé par MaitrePylos

Bonjour,

La prochaine fois utilise les balises code, plutôt qu'une image c'est plus facile pour nous des copier/coller de ton code, afin de t'aider.

As-tu remarqué que dans la partie où tu fais un double foreach pour avoir les sous-catégorie, tu n,'as qu'un seul endforeach ????????

Ok, j'ai bien noté pour les balises.

Non je n'avais pas remarqué avoir une seule balise de fermeture endforeach, j'avoue qu'en php je tatonne, il dois me manquer autre chose car php me met des erreurs quand je veux fermer cette 2eme balise...je ne sais pas ou la positionner...
27/04/2018, 12h04
MaitrePylos

Je dois bien avouer ne pas comprendre l'intérêt d'avoir des noms de sous-catégories qui sont en fait des noms de catégories.

Il vous manque pas une tables sous-catégorie ?
27/04/2018, 13h43
Invité

Bonjour,

Citation:

...choisir une catégorie (qui sera l'onglet de la page web) et une sous catégorie (qui correspondra à la page web sélectionnée)...

@MaitrePylos
catégorie et sous catégorie sont dans la même table.
Les sous catégorie sont liées à leur "catégorie parente" via la colonne "sousCategorie".

1- Ce que tu as appelé "sousCategorie" dans ta table porte à confusion.
En fait, tu devrais l'appeler : "idCatParent" (id de la catégorie parente), ce serait plus clair !

2- Tu n'as aucun besoin d'avoir 2 <select> * : un seul suffit !
en effet, le fait de choisir une sous-catégorie sélectionne automatiquement la catégorie (via "idCatParent").

Encore faut-il que toutes les catégories aient au moins une sous-catégorie. **

* Je te parlerais bien de 2 select, avec "listes liées via Ajax", mais j'ai peur de te perdre en route... :aie:

3- Pour afficher aussi les catégories dans le <select> des sous-catégories, il existe la balise <optgroup>.

4- ** On peut aussi rendre l'<optgroup> sélectionnable (au cas où il n'y a pas de sous-catégorie) en lui mettant son "id_categorie" en value (comme pour les <option>)
Sinon, pour les désactiver (empêcher la sélection), on ajoute disabled.

N.B. Si tu ne fais pas de copier-coller de ton code, je ne mets pas non plus de code....

1 pièce(s) jointe(s)

Tout d'abord, merci de ta réponse, en effet en faisant un seul SELECT je peux récupérer les noms relatifs au idCatParent, mais ce n'est pas comme ca que je voulais présenter ma page.

Code de ma fonction :
function getCategories()

Code:

1
2
3
4
5
6
7
8
9
 
{
    require 'bdd.php';
    $req = $bdd->prepare('SELECT id, nomCategorie, idCatParent FROM categories WHERE idCatParent !=0 ORDER BY nomCategorie');
    $req->execute();
 
    $data = $req->fetchAll();
    return $data;
    $req->closeCursor();

Code partie 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
 
<div class="form-group">
					<label>Choisissez la page de destination...................</label>
					<select class="categories form-controm" name="categories"/>
 
					 <?php foreach($categories as $idCatParent): ?>
 
		           	<option value=""><?= $idCatParent->nomCategorie ?></option>
		           	<?php endforeach; ?>
 
					</select>
				</div>
 
				<div class="form-group">
					<label>Choisissez la catégorie</label>
					<select class="nomCategorie form-controm" class="sousCategories form-controm" name="sousCategories"/>
 
 
					<?php foreach($categories as $categorie):
 
							foreach ($categories as $sousCategorie) {
							if ($sousCategorie->sousCategorie == $categorie->id) {
 
									}
 
								}
							 ?>
 
	        	   		<option value=""><?= $sousCategorie->nomCategorie ?></option>
	        	   		<a href="redactor.php?id=<?= $sousCategorie->nomCategorie ?>"></a> ?>
 
		           	<?php endforeach; ?>

Voila le résultat, moi j'aurai voulu un choix par ligne : 1/ Choix de la page web 2/Choix de la catégorie

Je ne connais pas le select <optgroup>, je vais aller voir comment je peux l'utiliser dans ma configuration.
Merci
Pièce jointe 373613

non, tu te trompes.
Je parlais d'un seul <select> (liste déroulante), pas du SELECT SQL.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<?php
function getCategorie_parent()
{
    require 'bdd.php';
    $req = $bdd->prepare('SELECT id, nomCategorie, idCatParent FROM categories WHERE idCatParent =0 ORDER BY nomCategorie');
    $req->execute();
 
    $data = $req->fetchAll();
    return $data;
}
function getsousCategorie_byCatParentId( $idCatParent )
{
    require 'bdd.php';
    $req = $bdd->prepare('SELECT id, nomCategorie, idCatParent FROM categories WHERE idCatParent = :idCatParent ORDER BY nomCategorie');
    $req->execute( array(':idCatParent' => $idCatParent );
 
    $data = $req->fetchAll();
    return $data;
}
?>

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
<div class="form-group">
	<label>Choisissez la catégorie</label>
	<select class="nomCategorie form-controm" class="sousCategories form-controm" name="id_categorie"/>	
<?php
	// Catégories Parentes
	$catParents = getCategorie_parent();
 
	<?php foreach($catParents as $catParent): ?>
 
		<optgroup value="<?= $catParent->id ?>"><?= $catParent->nomCategorie ?>
 
			// Sous-Catégories de cette Catégorie
			$sousCats = getsousCategorie_byCatParentId( $catParent->id );
 
		<?php foreach($sousCats as $sousCat): ?>
 
			<option value="<?= $sousCat->id ?>"><?= $sousCat->nomCategorie ?></option>
 
		<?php endforeach; ?>
 
	</optgroup>
 
	<?php endforeach; ?>
?>
	</select>

A NOTER :

Citation:

C'est bien l'id (celui de la table en BDD) qu'on va récupérer, via :

Code:

$id_categorie = $_POST['id_categorie'];

28/04/2018, 09h47
devo77

2 pièce(s) jointe(s)

Bonjour,
J'ai enfin pu tester ton code, il fonctionne bien, il affiche toutes les sous catégories distinctement comme je le voulais. Est il possible que la catégorie principale s'affiche également ? Voici ce que j'obtiens :
Pièce jointe 373812
En tout cas un grand merci pour ton aide, j'étais sur ce bout de code depuis plusieurs jours et je tournai en rond....
28/04/2018, 11h25
Invité

Bonjour,

1- As-tu regardé le code HTML généré ?

2- J'ai fait une erreur de syntaxe pour <optgroup>...

Correction :

Code:

<optgroup label="-- <?= $catParent->nomCategorie ?> --" disabled="disabled">

Si on doit obligatoirement choisir une sous-catégorie, on ajoute disabled.
28/04/2018, 12h49
devo77

1 pièce(s) jointe(s)
Yes ca fonctionne !!! Un grand grand MERCI.............

J'ai en effet rajouté un label pour afficher les noms de mes pages web :
Code:

1 2 3 foreach($catParents as $catParent): ?> <optgroup label="<?= $catParent->nomCategorie ?>"><?= $catParent->nomCategorie ?>
J'ai testé l'enregistrement dans la BDD et après quelques modifications ca fonctionne bien aussi, ouf un problèmes de moins !! Je passe maintenant à l'étape d'afficher l'article sur la page de mon choix automatiquement......

Voici le screen du menu qui fonctionne :
Pièce jointe 373872
28/04/2018, 14h16
Dendrite

Ouah, il est beau ton select... Je note "optgroup" pour les select avec une hiérarchie car j'en ai parfois besoin.
28/04/2018, 15h04
devo77

Citation:

Envoyé par Dendrite

Ouah, il est beau ton select... Je note "optgroup" pour les select avec une hiérarchie car j'en ai parfois besoin.

Merci !
Je ne connaissais pas optgroup, mais c'est très pratique en effet....mais pas facile à mettre en place en le mélangeant à php quand on débute.