Discussion :

[Ouriel]

Bonjour à tous!

Je voulais savoir quelle valeur prend une liste de sélection dans un formulaire au chargement de la page.

Je m'explique. J'utilise un plugin jQuery pour faire la vérification de mon formulaire et un des champs qui doit être vérifié est une liste de sélection ci-dessous:

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
 
<select name="domaine" id="domaine" class="required" tabindex="70">
    <option>Votre domaine d'application</option>
        <!-- BEGIN liste_entite -->
            <optgroup label="{$entite}">
            <!-- BEGIN liste_entite.service -->
                <option value="{$idService}">{$titreService}</option>
            <!-- END liste_entite.service -->
            </optgroup>
        <!-- END liste_entite -->	
</select>

Le class="required" signifie que ce champ doit être rempli.

Si je valide le formulaire sans le remplir, la vérification ne s'opère pas:



Par contre, lorsque je réinitialise le formulaire avant de valider, la vérification marche:



Je voulais donc savoir quelle valeur prenait la liste de sélection au chargement de la page (je suppose que c'est "Votre cellule") et surtout comment lui donner une valeur "nulle".

Merci d'avance à tout le monde et bonne journée

[Ouriel]

Bonjour à tous,

Et un p'tit UP, un!

Personne n'a d'idées? Ou alors c'est peut-être moi qui m'exprime mal

J'en profites au passage pour demander si quelqu'un sait comment modifier la couleur du bord de cette foutue balise <select> parce que c'est la seule qui ne veux pas se modifier

Bonne journée tout le monde!

[Barsy]

Pour qu'une option soit sélectionné, tu dois mettre "selected" à coté (sinon par défaut c'est la première de la liste qui est sélectionnée).

exemple :

Code :

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

1
2
 
<option value="{$idService}" {$isSelected}>{$titreService}</option>

Tu donneras la valeur "selected" à $isSelected pour l'option que tu souhaiteras.

Pour ce qui est d'ajouter une valeur nulle sélectionné au départ, tu dois ajouter la ligne suivante au dessus de "<!-- BEGIN liste_entite.service -->"

Code :

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

1
2
 
<option value="" selected></option>

Voilà, j'espère avoir répondu à ta question.

PS : pour ce qui est de la bordure de la combobox, j'ai trouvé ça : http://www.nanoum.net/blog/10_bordure_liste_select.html

[Ouriel]

Impeccable!

Merci beaucoup, je vais pouvoir avancer

Dommage qu'il n'y ai pas de solution pour afficher un texte par défaut (ex: Votre cellule) mais que la valeur reste nulle comme après réinitialisation

En tout cas ça marche! Encore merci à toi Barsy

[Barsy]

De rien, n'oublie pas de cliquer sur "résolu".

Par contre je n'ai pas bien compris ce que tu appelais réinitialisation...

si tu souhaites afficher un texte par défaut tu peux faire ça :

Code :

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

<option value="" selected>Mon Texte</option>

[Ouriel]

Pas de problème, je clique sur "résolu" juste après ma réponse

Ce que j'entends par "réinitialisation" c'est un <input type="reset" />.

En fait, si je clique sur ce bouton "reset", le <select> se comporte comme s'il n'avait pas de valeur.
Ce à quoi j'arrive grâce à toi avec le <option value="" selected>

Et pour l'option par défaut nickel

A force de me focaliser sur mes problèmes j'en oublie parfois les choses les plus basiques

Encore merci et bonne journée

__________________________________EDIT__________________________________

Un édit juste pour corriger une (toute petite) erreur de syntax xHTML, pour être en conformité avec les normes w3c, il faut écrire:

<option value="" selected="selected">

Bonne soirée à tous!

________________________________________________________________________