HTMLSelectElement : propriété value

Baseline Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.

La propriété value de l'interface HTMLSelectElement contient la valeur du premier élément HTML <option> sélectionné associé à cet élément HTML <select>.

Cette propriété peut également être définie directement, par exemple pour définir une valeur par défaut selon une condition.

Dans cet article

Valeur

Une chaîne de caractères contenant la valeur du premier élément <option> sélectionné dans cet élément <select>, ou une chaîne vide si aucune option n'est sélectionnée.

Exemples

Récupérer la valeur sélectionnée

html
<label for="bird-select">Choisissez un oiseau&nbsp;:</label>

<select name="birds" id="bird-select">
  <option value="">--Veuillez choisir une option--</option>
  <option value="Scarlet ibis">Ibis écarlate</option>
  <option value="Marabou stork">Marabout d'Afrique</option>
  <option value="Roseate spoonbill">Spatule rosée</option>
</select>

<pre id="log"></pre>

js
const logElement = document.querySelector("#log");
function log(text) {
  logElement.innerText = text;
}

const select = document.querySelector("#bird-select");
select.addEventListener("change", () => {
  log(`Sélection : ${select.value}`);
});

#log {
  height: 20px;
  padding: 0.5rem;
  border: 1px solid black;
}

L'élément HTML <select>, qui implémente cette interface.

Aider à améliorer MDN

Cette page vous a-t-elle été utile ?

Oui Non

Apprendre à contribuer

Cette page a été modifiée le 16 janv. 2026 par les contributeur·ice·s du MDN.

Voir cette page sur GitHub • Signaler un problème avec ce contenu

API HTML DOM
HTMLSelectElement
Propriétés d'instance
Méthodes d'instance
Héritage
Pages liées à HTML DOM
Guides
1. Utiliser les microtâches en JavaScript avec queueMicrotask()
2. Aller plus loin : Les microtâches et l'environnement d'exécution JavaScript

HTMLSelectElement : propriété value

Dans cet article

Valeur

Exemples

Récupérer la valeur sélectionnée

Spécifications

Compatibilité des navigateurs

Voir aussi

Aider à améliorer MDN