[JQUERY] Valeur initiale d'un <select> de formulaire.

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:

---

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:

http://img169.imageshack.us/img169/4831/exemple1ab2.png

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

http://img259.imageshack.us/img259/5526/exemple2im4.png

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 :D

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 :mrgreen:

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!

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:

---

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:

---

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

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

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:

---

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

---

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 :king:

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

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!

________________________________________________________________________