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
Siehe auch
- Das
<select>HTML-Element, welches diese Schnittstelle implementiert.