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 July 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>

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

Specification
HTML # dom-select-value-dev

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch

Das <select> HTML-Element, welches diese Schnittstelle implementiert.