แอตทริบิวต์ value ในรายการแบบเลื่อนลงใน JavaScript

โดยทั่วไปแล้วจะเพิ่มแอตทริบิวต์ value ให้กับรายการในรายการแบบเลื่อนลง ในกรณีนี้ คุณสมบัติ value ของ select จะไม่เก็บข้อความของ option แต่จะเก็บค่าของแอตทริบิวต์ value ของมันแทน

มาแก้ไข select ของเรากัน:

<select id="select">
	<option value="1">one</option>
	<option value="2" selected>two</option>
	<option value="3">three</option>
</select>

ลองตรวจสอบว่าตอนนี้ค่าที่เลือกคืออะไร:

select.addEventListener('change', function(){
	console.log(this.value);
});

สร้างรายการแบบเลื่อนลงด้วยชื่อวันในสัปดาห์ ให้เพิ่มหมายเลขวันในสัปดาห์เป็นแอตทริบิวต์ value ของรายการในรายการ ตั้งแต่ 1 ถึง 7 เมื่อรายการเปลี่ยนแปลง ให้แสดงข้อความบนหน้าจอว่าเป็นวันหยุดสุดสัปดาห์ หรือวันทำงาน