L'Altruiste : Le Javascript

Select représente une liste de choix dans un formulaire.

Compatibilité

Disponibilité

Javascript 1.0 côté client

Correspondance HTML

<select...>... </select>

Héritage

Input et HTMLElement

Synopsis

form.elements[i]
form.name

Propriétés

Propriété	Description
form	spécifie le formulaire contenant l'élément de saisie.
length	représente le nombre d'options dans la liste de choix.
name	correspond au nom de la liste de sélection.
options	spécifie les éléments options de la liste de choix.
type	correspond à l'attribut TYPE.
selectedIndex	représente la sélection d'une option.

Méthodes

Méthode	Description
blur	enlève le focus sur l'élément Select.
focus	donne le focus à la liste de choix.
handleEvent	invoque le Handler pour spécifier un événement.

Evénements

Evénement	Description
onBlur	perte de focus de l'élément Select.
onChange	la valeur de l'élément Select change.
onFocus	réception de focus sur la liste de choix.

Exemple [voir]

<html>
  <head>
    <title>Démonstration de TextArea</title>
    <script language="JavaScript">
      function verif()
      {
        var valide = false;
        with (document.form)
        {
          if (sujet.selectedIndex == 0)
          {
            alert("Sélectionnez un sujet SVP.");
            sujet.focus();
          }
          else
          {
            confirm('Le sujet sélectionné est : ' 
                   + sujet.options[sujet.selectedIndex].value)
            return valide;
          }
        }
      }
    </script>
  </head>
  <body>
    <form name="form" onsubmit="return verif();">
      <select name="sujet">
        <option select>Sélectionner un sujet</option>
        <option value="commentaire">1. Commentaire</option>
        <option value="Question">2. Question</option>
        <option value="Suggestion">3. Suggestion</option>
        <option value="Lien cassé">4. Lien cassé</option>
        <option value="Autre">5. Autre</option>
      </select>
      <input type="submit" value="Soumettre">
    </form>
  </body>
</html>

En savoir plus :