HTML DOM Select length প্রোপার্টি

HTML DOM select length প্রোপার্টি একটি HTML ডকুমেন্টে ড্রপ-ডাউন লিস্টের ভিতরে কতগুলো <option> এলিমেন্ট আছে তার সংখ্যা রিটার্ন করে।

সিনট্যাক্স

নিচে সিনট্যাক্স দেওয়া হলো:

object.length

উদাহরণ

HTML DOM select length প্রোপার্টির একটি উদাহরণ দেখা যাক:

<!DOCTYPE html> <html> <head> <style>    html{       height:100%;    }    body{       text-align:center;       color:#fff;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;       height:100%;    }    p{       font-weight:700;       font-size:1.2rem;    }    .drop-down{       width:35%;       border:2px solid #fff;       font-weight:bold;       padding:8px;    }    .btn{       background:#0197F6;       border:none;       height:2rem;       border-radius:2px;       width:35%;       margin:2rem auto;       display:block;       color:#fff;       outline:none;       cursor:pointer;    }    .show{       font-size:1.5rem;       font-weight:bold;    } </style> </head> <body> <h1>DOM Select length Property Demo</h1> <p>Hi, Select your favourite subject:</p> <select class='drop-down'> <option>Physics</option> <option>Maths</option> <option>Chemistry</option> <option>English</option> </select> <button onclick="showLength()" class="btn">Click to get number of options</button> <div class="show"></div> <script>    function showLength() {       var dropDown = document.querySelector(".drop-down");       var showMsg = document.querySelector(".show");       showMsg.innerHTML ="Number of options: " + dropDown.length;    } </script> </body> </html>

আউটপুট

এটি নিচের আউটপুটটি প্রডিউস করবে:

"Click to get number of options" বাটনে ক্লিক করলে ড্রপ-ডাউন লিস্টে কতগুলো অপশন আছে তা দেখাবে।