liste déroulante

[marouanenet]

Bonjour tout le monde,
voila le code suivant:

Code :

1
2
3
4
5
6
7
8
9
10
<select name="champ">
	<optgroup label="group1">
		<option>Option 1</option>
		<option>Option 2</option>
	</optgroup>
	<optgroup label="group2">
		<option>Option 1</option>
		<option>Option 2</option>
	</optgroup>
</select>

bon, ça donne une liste déroulante avec 2 groupes,mais si je sélectionne "option1" dans group1 ou group2, $champ égale toujours à option1, donc comment savoir si c'est sélectionné du groupe 1 ou du group2.
Merci d'avance.

[jreaux62]

Bonjour,
il faut mettre une value="..." à chaque option.

Code :

1
2
3
4
5
6
7
8
9
10
<select name="champ">
	<optgroup label="group1">
		<option value="11">Option 1</option>
		<option value="12">Option 2</option>
	</optgroup>
	<optgroup label="group2">
		<option value="21">Option 1</option>
		<option value="22">Option 2</option>
	</optgroup>
</select>

Code php :

1
2
3
<?php
	$champ = $_POST['champ']; // récupération de la value choisie.
?>

-> HTML <optgroup> Tag

[marouanenet]

OK
Merci pour votre aide jreaux62.

[marouanenet]

Bonjour,
Est ce qu'il n'y a pas une méthode pour retourner la valeur et le nom du groupe dont on a choisi un élément (par exemple: ajouter un attribut a <optgroup> qui va retourner le nom du groupe )
Merci

[laurentSc]

A mon avis, la meilleure méthode est dans chaque value de mettre en préfixe le nom du groupe :

Code :

<option value="NomGroupe_NomValue">...

[marouanenet]

ok,Merci laurentSc
je vais l'essayer.

[NoSmoking]

Bonjour,

Envoyé par marouanenet

Est ce qu'il n'y a pas une méthode pour retourner la valeur et le nom du groupe dont on a choisi un élément (par exemple: ajouter un attribut a <optgroup> qui va retourner le nom du groupe )

tu peux toujours récupérer le parentNode de l'OPTION sélectionnée.

Code javascript :

1
2
3
4
function info(obj){
  var ind = obj.selectedIndex;
  alert( "Groupe : " +obj.options[ind].parentNode.label);
}

avec un appel sur le onchange du SELECT

Code :

<select name="champ" onchange="info(this)";>