Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để lập trình giá trị của một phần tử hộp chọn bằng JavaScript?

Chúng ta có thể đặt giá trị của một hộp chọn bằng Javascript bằng cách sử dụng như sau. Giả sử chúng ta có hộp chọn sau -

<select id="my-select" value="1">
   <option value="1">Select</option>
   <option value="2">Apple</option>
   <option value="3">Strawberry</option>
   <option value="4">Cherry</option>
   <option value="5">Guava</option>
</select>

Để đặt giá trị của phần tử chọn này, chúng ta cần truy cập nó bằng cách sử dụngquerySelector. Sau đó đặt giá trị. Ví dụ -

Ví dụ

// Search the select box
const mySelectBox = document.querySelector('#my-select');
// Set the value to 3 or Strawberry
mySelectBox.value = 3;