จะตั้งค่าโดยทางโปรแกรมขององค์ประกอบกล่องเลือกโดยใช้ JavaScript ได้อย่างไร

เราสามารถตั้งค่า Select Box โดยใช้ Javascript ได้ดังนี้ สมมติว่าเรามีกล่องเลือกดังต่อไปนี้ -

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

ในการตั้งค่าองค์ประกอบที่เลือกนี้ เราจำเป็นต้องเข้าถึงโดยใช้querySelector แล้วตั้งค่า ตัวอย่างเช่น −

ตัวอย่าง

// Search the select box
const mySelectBox = document.querySelector('#my-select');
// Set the value to 3 or Strawberry
mySelectBox.value = 3;