Liste déroulante avec sélection du bon élément

Un peu de théorie

Une liste déroulante, c’est :

<label for="idselect">L'étiquette de la zone de liste déroulante</label>
  <select name="param" id="idselect">
    <option value="">Faites votre choix</option>
    <option value="1">Valeur 1</option>
    <option value="2" selected="selected">Valeur 2</option>
    <option value="3">Valeur 3</option>
    <option value="4">Valeur 4</option>
  </select>

Qui donne ceci :

L’étiquette de la zone de liste déroulante

Valeur 1
Valeur 2
Valeur 3
Valeur 4

avec la valeur 2 qui est présélectionnée.

Logiquement, quand on envoie un formulaire et que la page de résultat ré-affiche ce formulaire, on s’attend à ce que la liste déroulante soit positionnée sur la valeur que l’on a choisie.

Syntaxe SPIP

<label for="idselect">L'étiquette de la zone de liste déroulante</label>
  <select name="param" id="idselect">
    <option value="">Faites votre choix</option>
    <option value="1"[(#ENV{param}|=={1}|?{' selected="selected"',''})]>Valeur 1</option>
    <option value="2"[(#ENV{param}|=={2}|?{' selected="selected"',''})]>Valeur 2</option>
    <option value="3"[(#ENV{param}|=={3}|?{' selected="selected"',''})]>Valeur 3</option>
    <option value="4"[(#ENV{param}|=={4}|?{' selected="selected"',''})]>Valeur 4</option>
  </select>

Signification de ce code

[(#ENV{param}|=={1}|?{' selected="selected"',''})] signifie :

• prendre la valeur du paramètre d’URL nommé “param” (càd, le name du select) : [(#ENV{param})]
• Voir s’il est égal à une valeur : |=={1}
• S’il est effectivement égal à la valeur, renvoyer : selected="selected", sinon, ne rien renvoyer : ''

Exemples d’usage

• une recherche permettant de limiter les rubriques du site par liste déroulante
• une pagination par liste déroulante
• un calendrier avec choix de la période par liste déroulante
• ...