JavaScript द्वारा सूची के चयनित आइटम को बदलना

पिछले पाठ में हमने सूची का चयनित आइटम प्राप्त करना सीखा। आइए अब JavaScript की सहायता से चयनित आइटम को बदलना सीखें।

इसके लिए select के value गुण में उस option के value विशेषता का मान लिखेंगे जिसे हम चुनना चाहते हैं।

मान लीजिए हमारे पास निम्नलिखित select है:

<select id="select">
	<option value="one">एक</option>
	<option value="two" selected>दो</option>
	<option value="three">तीन</option>
</select>

मान लीजिए एक बटन भी है:

<input type="submit" id="button">

select और बटन के लिंक को चर में प्राप्त करें:

let select = document.querySelector('#select');
let button = document.querySelector('#button');

आइए अब ऐसा करें कि बटन दबाने पर हमारा select चयन बदल दे:

button.addEventListener('click', function() {
	select.value = 'one';
});

यदि हमारी सूची में value विशेषताएँ नहीं हैं, तो select के value गुण में उस option टैग का टेक्स्ट लिखना होगा जिसे हम चुनना चाहते हैं।

महीनों के नामों के साथ एक ड्रॉपडाउन सूची बनाएं। ऐसा करें कि JavaScript डिफ़ॉल्ट रूप से इस सूची में वर्तमान महीने का चयन करे।