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

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

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

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

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

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

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

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

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

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

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

যদি আমাদের তালিকার value অ্যাট্রিবিউট না থাকে, তাহলে সিলেক্টের value প্রপার্টিতে option ট্যাগের টেক্সট লিখতে হবে, যেটি আমরা নির্বাচন করতে চাই।

মাসের নাম সহ একটি ড্রপ-ডাউন তালিকা তৈরি করুন। এমনভাবে করুন যাতে JavaScript ডিফল্টভাবে এই তালিকায় বর্তমান মাসটি নির্বাচন করে।