තෝරාගත් අයිතමයේ අංකය පතන ලැයිස්තුවේ
Selects වලට අදාල විශේෂ ගුණයක් වන
selectedIndex, ගබඩා කර ඇත්තේ
දැනට තෝරාගෙන ඇති ලැයිස්තු අයිතමයේ අංකයයි.
අංකනය ආරම්භ වන්නේ ශුන්යයෙනි.
මෙම ගුණය කියවිය හැකි පමණක් නොව, ලියන විට
තෝරාගත් ලැයිස්තු අයිතමය වෙනස් කළ හැකිය.
උදාහරණයක් මඟින් මෙම ගුණය සමඟ වැඩ කිරීම බලමු. පහත පතන ලැයිස්තුව අපට ලබා දී ඇතැයි සිතමු:
<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; // 'තුන' තෝරා ගනී
Input ක්ෂේත්රයක් සහ select ක්ෂේත්රයක් ලබා දී ඇත. Input එකට යම් සංඛ්යාවක් ඇතුළත් කර ඇත. Focus අහිමි වීමේදී, input එකේ අගයට සමාන අංකය සහිත ලැයිස්තු අයිතමය තෝරාගත් ලෙස සකසන්න.
සතියේ දිනවල නම් සහිත පතන ලැයිස්තුවක් සාදන්න. JavaScript භාවිතයෙන්, මෙම ලැයිස්තුවේ පෙරනිමිය ලෙස වර්තමාන දිනය තෝරාගන්නා ආකාරය සකසන්න.
