Baseline Widely available
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.
WertEin 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.
<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>
const logElement = document.querySelector("#log");
function log(text) {
logElement.innerText = text;
}
const select = document.querySelector("#bird-select");
select.addEventListener("change", () => {
log(`Selection: ${select.value}`);
});
#log {
height: 20px;
padding: 0.5rem;
border: 1px solid black;
}
Spezifikationen Browser-Kompatibilität Siehe auch
<select>
HTML-Element, welches diese Schnittstelle implementiert.Diese Seite wurde automatisch aus dem Englischen übersetzt.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4