Set giá trị select box programmatically bằng JavaScript

Select box value được set bằng property .value trên element <select>.

HTML

<select id="my-select">
  <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>

JavaScript

const select = document.querySelector('#my-select');
select.value = '3'; // Chọn "Strawberry"

// Hoặc bằng index (không khuyên)
select.selectedIndex = 2; // 0-based

Lưu ý

• Value phải **khớp chính xác** option.value (string).
• Nếu value không tồn tại → select box hiển thị rỗng (hoặc option đầu tiên tùy browser).
• Multiple select: select.value chỉ lấy giá trị đầu tiên. Dùng Array.from(select.selectedOptions).map(o => o.value).
• Trigger change event nếu cần: select.dispatchEvent(new Event('change')).