HTMLSelectElement: thuộc tính value

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.

Thuộc tính HTMLSelectElement.value chứa giá trị của phần tử <option> đầu tiên được chọn, gắn với phần tử <select> này.

Thuộc tính này cũng có thể được đặt trực tiếp, ví dụ để đặt giá trị mặc định dựa trên một điều kiện nào đó.

Giá trị

Một chuỗi chứa giá trị của phần tử <option> đầu tiên được chọn trong phần tử <select> này, hoặc chuỗi rỗng nếu không có option nào được chọn.

Ví dụ

Lấy giá trị đã chọn

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

Đặc tả kỹ thuật

Specification
HTML
# dom-select-value-dev

Tương thích trình duyệt

Xem thêm

  • Phần tử HTML <select>, triển khai giao diện này.