HTMLSelectElement: свойство value

Базовая Широко доступна

Это свойство хорошо установлено и работает на многих устройствах и версиях браузеров. Оно доступно в браузерах с июля 2015 года.

Свойство HTMLSelectElement.value содержит значение первого выбранного <option> элемента, связанного с этим <select> элементом.

Это свойство также можно задать напрямую, например, для установки значения по умолчанию на основе какого-либо условия.

Значение

Строка, содержащая значение первого выбранного <option> элемента в этом <select> элементе, или пустая строка, если не выбрано ни одного элемента.

Примеры

Получение выбранного значения

<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}`);
});

Спецификации

Спецификация
HTML # dom-select-value-dev

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari в iOS	Samsung Internet	WebView Android
`value`	1	12	1	≤12.1	3	18	4	≤12.1	1	1.0	4.4

См. также

Элемент HTML <select>, реализующий этот интерфейс.

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/value