JavaScript-এ নির্বাচিত তালিকার আইটেম পরিবর্তন করা

পূর্ববর্তী পাঠে আমরা শিখেছি কিভাবে তালিকা থেকে নির্বাচিত আইটেম পাওয়া যায়। এবার JavaScript ব্যবহার করে নির্বাচিত আইটেম পরিবর্তন করব।

এজন্য সিলেক্টের value প্রপার্টিতে আমরা সেই option-এর value অ্যাট্রিবিউটের মান লিখব যেটি আমরা নির্বাচন করতে চাই।

ধরি আমাদের নিম্নলিখিত সিলেক্ট আছে:

html<select id="select">
  <option value="one">এক</option>
  <option value="two" selected>দুই</option>
  <option value="three">তিন</option>
</select>

ধরি একটি বাটনও আছে:

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

সিলেক্ট এবং বাটনের রেফারেন্স ভেরিয়েবলে নেওয়া যাক:

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

এবার এমন করা যাক, যাতে বাটনে ক্লিক করলে আমাদের সিলেক্টের নির্বাচন পরিবর্তন হয়:

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