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

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

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

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

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

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