HTMLSelectElement：value 属性

基线 广泛可用

此功能已得到良好建立，并且可以在许多设备和浏览器版本上正常工作。自 2015 年 7 月.

报告反馈

HTMLSelectElement.value 属性包含与该 <select> 元素关联的第一个选定 <option> 元素的值。

值

此属性也可以直接设置，例如，根据某些条件设置默认值。

示例

包含此 <select> 元素中第一个选定 <option> 元素的值的字符串，如果未选择任何选项，则为空字符串。

检索选定值
<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>
html
const logElement = document.querySelector("#log");
function log(text) {
  logElement.innerText = text;
}

const select = document.querySelector("#bird-select");
select.addEventListener("change", () => {
  log(`Selection: ${select.value}`);
});

规范

js
规范
# HTML 标准

浏览器兼容性

dom-select-value-dev

另请参阅

  • 实现此接口的 <select> HTML 元素。