HTML DOM Select অবজেক্ট

HTML DOM Select অবজেক্ট একটি HTML ডকুমেন্টের <select> এলিমেন্টকে রিপ্রেজেন্ট করে।

সিনট্যাক্স

Select অবজেক্ট তৈরির সিনট্যাক্স:

document.createElement("SELECT");

প্রোপার্টিগুলো

Select অবজেক্টের প্রোপার্টিগুলো নিচে দেওয়া হলো:

মেথডগুলো

Select অবজেক্টের মেথডগুলো:

উদাহরণ

HTML DOM Select অবজেক্টের উদাহরণ:

<!DOCTYPE html> <html> <head> <style>    body{       text-align:center;       background-color:#fff;       color:#0197F6;    }    h1{       color:#23CE6B;    }    .btn{       background-color:#fff;       border:1.5px dashed #0197F6;       height:2rem;       border-radius:2px;       width:60%;       margin:2rem auto;       display:block;       color:#0197F6;       outline:none;       cursor:pointer;    } </style> </head> <body> <h1>DOM select Object Demo</h1> <button onclick="createDropDownList()" class="btn">Create a drop-down list</button> <script>    function createDropDownList() {       var dropDown = document.createElement("SELECT");       dropDown.innerHTML="<option>CAKE</option><option>PIZZA<option><option>BURGER</option>";       document.body.appendChild(dropDown);    } </script> </body> </html>

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

"Create a drop-down list" বাটনে ক্লিক করলে একটি ড্রপ-ডাউন লিস্ট তৈরি হবে।