जावास्क्रिप्ट का उपयोग करके एक चुनिंदा बॉक्स तत्व का प्रोग्रामेटिक रूप से मूल्य कैसे सेट करें?

हम निम्नलिखित का उपयोग करके जावास्क्रिप्ट का उपयोग करके एक चुनिंदा बॉक्स का मान सेट कर सकते हैं। मान लीजिए हमारे पास निम्नलिखित चयन बॉक्स है -

<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;