HTMLSelectElement: value-Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Die HTMLSelectElement.value-Eigenschaft enthält den Wert des ersten ausgewählten <option>-Elements, das mit diesem <select>-Element verknüpft ist.
Diese Eigenschaft kann auch direkt gesetzt werden, beispielsweise um einen Standardwert basierend auf einer bestimmten Bedingung festzulegen.
Wert
Ein String, der den Wert des ersten ausgewählten <option>-Elements in diesem <select>-Element enthält, oder der leere String, wenn keine Optionen ausgewählt sind.
Beispiele
Den ausgewählten Wert abrufen
html
<label for="bird-select">Choose a bird:</label> <select name="birds" id="bird-select"> <option value="">--Please choose an option--</option> <option value="Scarlet ibis">Scarlet ibis</option> <option value="Marabou stork">Marabou stork</option> <option value="Roseate spoonbill">Roseate spoonbill</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(`Selection: ${select.value}`); }); Spezifikationen
| Specification |
|---|
| HTML # dom-select-value-dev |
Browser-Kompatibilität
Loading…
Siehe auch
- Das
<select>HTML-Element, welches diese Schnittstelle implementiert.