เพื่อเลือกตัวเลือกใน <select> ล่วงหน้าด้วย JavaScript ให้ใช้พรอเพอร์ตี้ selectedIndex กำหนด index (ลำดับเริ่มจาก 0) ของตัวเลือกที่ต้องการ
ตัวอย่าง
<!DOCTYPE html> <html>
<head>
<title>Preselect List Item</title>
</head>
<body>
<p> Select any one:</p>
<form>
<select id="dropdown" name="dropdown" class="form-control">
<option value="Java">Java</option>
<option value="Discrete Mathematics">Discrete Mathematics</option>
<option value="Digital Electronics">Digital Electronics</option>
</select>
</form>
<script>
document.getElementById("dropdown").selectedIndex = "1"; // เลือกตัวที่ 2 (index 1)
</script>
</body>
</html>
วิธีอื่นๆ
- กำหนดค่า value:
select.value = "Discrete Mathematics"; - ใช้ selected property ของ option:
select.options[1].selected = true; - jQuery:
$('#dropdown').val('Discrete Mathematics');
หมายเหตุ: index เริ่มจาก 0 (ตัวแรก = 0, ตัวที่สอง = 1, ...)
