ड्रॉपडाउन सूची के चयनित आइटम की संख्या
सिलेक्ट में एक विशेष गुण होता है
selectedIndex, जो वर्तमान में चयनित
सूची आइटम की संख्या संग्रहीत करता है।
संख्या 0 से शुरू होती है। इस
गुण को पढ़ा और लिखा जा सकता है,
सूची के चयनित आइटम को बदलते हुए।
आइए एक उदाहरण के साथ इस गुण के काम को देखें। मान लीजिए कि हमारे पास निम्नलिखित ड्रॉपडाउन सूची है:
<select id="select">
<option value="one">एक</option>
<option value="two" selected>दो</option>
<option value="three">तीन</option>
</select>
आइए सूची के चयनित आइटम की संख्या प्रदर्शित करें:
let select = document.querySelector('#select');
console.log(select.selectedIndex); // 1 प्रदर्शित करेगा
आइए अब कोई अन्य आइटम चुनें:
let select = document.querySelector('#select');
select.selectedIndex = 2; // 'तीन' चुनेगा
एक इनपुट और एक सिलेक्ट दिया गया है। इनपुट में कोई संख्या दर्ज की जाती है। फोकस खोने पर सूची का वह आइटम चयनित करें जिसकी संख्या इनपुट के मान के बराबर है।
सप्ताह के दिनों के नामों के साथ एक ड्रॉपडाउन सूची बनाएं। इसे इस तरह से सेट करें कि JavaScript द्वारा डिफ़ॉल्ट रूप से इस सूची में वर्तमान दिन चुना जाए।
