තෝරාගත් අයිතමයේ අංකය පතන ලැයිස්තුවේ

Selects වලට අදාල විශේෂ ගුණයක් වන selectedIndex, ගබඩා කර ඇත්තේ දැනට තෝරාගෙන ඇති ලැයිස්තු අයිතමයේ අංකයයි. අංකනය ආරම්භ වන්නේ ශුන්යයෙනි. මෙම ගුණය කියවිය හැකි පමණක් නොව, ලියන විට තෝරාගත් ලැයිස්තු අයිතමය වෙනස් කළ හැකිය.

උදාහරණයක් මඟින් මෙම ගුණය සමඟ වැඩ කිරීම බලමු. පහත පතන ලැයිස්තුව අපට ලබා දී ඇතැයි සිතමු:

html<select id="select">
  <option value="one">එක</option>
  <option value="two" selected>දෙක</option>
  <option value="three">තුන</option>
</select>

ලැයිස්තුවේ තෝරාගත් අයිතමයේ අංකය අපි ප්‍රදර්ශනය කරමු:

javascriptlet select = document.querySelector('#select');
console.log(select.selectedIndex); // 1 ප්‍රදර්ශනය කරයි

දැන් අපි වෙනත් අයිතමයක් තෝරා ගනිමු:

javascriptlet select = document.querySelector('#select');
select.selectedIndex = 2; // 'තුන' තෝරා ගනී