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';
});