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 මගින් වත්මන් මාසය තෝරන පරිදි කරන්න.