কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্ট ব্যবহার করে <select> লিস্ট আইটেম প্রি-সিলেক্ট করার পদ্ধতি


জাভাস্ক্রিপ্ট ব্যবহার করে <select> লিস্ট আইটেম প্রি-সিলেক্ট করতে, selectedIndex প্রোপার্টি ব্যবহার করুন। এই প্রোপার্টিতে আপনি যে আইটেমটি সিলেক্টেড রাখতে চান তার ইনডেক্স যোগ করুন।

এখানে, <script> ট্যাগের নিচে, add_select_id হল <select> ট্যাগের আইডি, আর add_item_index হল সংখ্যাগত ইনডেক্স। এই ইনডেক্স হল লিস্ট আইটেমের ইনডেক্স, যা আপনাকে সেই আইটেমের জন্য যোগ করতে হবে যা আপনি প্রি-সিলেক্টেড রাখতে চান।

জাভাস্ক্রিপ্ট ব্যবহার করে <select> লিস্ট আইটেম প্রি-সিলেক্ট করার পদ্ধতি

উদাহরণ

জাভাস্ক্রিপ্ট ব্যবহার করে লিস্ট আইটেম প্রি-সিলেক্ট করতে নিচের কোডটি চালান:

<!DOCTYPE html> <html>    <head>       <title>Preselect List Item</title>    </head>    <body>       <p> Select any one:</p>       <form>          <select id="dropdown" name="dropdown" class="form-control">             <option value = "Java">Java</option>             <option value = "Discrete Mathematics">Discrete Mathematics</option>             <option value = "Digital Electronics">Digital Electronics</option>          </select>       </form>       <script>          document.getElementById("dropdown").selectedIndex = "2";       </script>    </body> </html>

  1. জাভাস্ক্রিপ্টে লিংকড লিস্ট তৈরি করা (বেসিক)

  2. জাভাস্ক্রিপ্ট দিয়ে ফিল্টার লিস্ট (Filter List) তৈরি করা

  3. JavaScript ব্যবহার করে HTML লিস্ট (ul/li) সর্ট করার পদ্ধতি

  4. জাভাস্ক্রিপ্ট দিয়ে লিস্ট আইটেম বন্ধ (Closeable) করা