การทำงานกับรายการใน Dropdown List ด้วย JavaScript
สมมติว่าเรามีลิงก์ไปยังแท็ก
option ในตัวแปร ตัวอย่างเช่น ได้รับมาโดยวิธีดังนี้:
let select = document.querySelector('#select');
let option = select[0];
ในกรณีนี้ ในคุณสมบัติ text จะเก็บข้อความของออปชัน ในคุณสมบัติ value
- ค่าของแอตทริบิวต์ชื่อเดียวกัน และในคุณสมบัติ
selected - ค่า true หรือ
false ขึ้นอยู่ว่ารายการนั้นถูกเลือกหรือไม่:
console.log(option.text);
console.log(option.value);
console.log(option.selected);
ให้วนลูปผ่านรายการของลิสต์ และสำหรับรายการที่ถูกเลือก ให้เติมเครื่องหมายอัศเจรีย์ ( ! ) ต่อท้ายข้อความ ส่วนรายการที่ไม่ได้ถูกเลือกให้เติมเครื่องหมายคำถาม ( ? )
