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

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

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

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

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

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

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

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

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

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

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