HTML DOM Option অবজেক্ট

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

এখন দেখি কিভাবে option অবজেক্ট তৈরি করা হয়:

সিনট্যাক্স

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

document.createElement("OPTION");

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

Option অবজেক্টের প্রোপার্টিগুলো:

উদাহরণ

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

<!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 option Object Demo</h1> <select class="drop-down"></select> <button onclick="createDropDownList()" class="btn">Create a drop-down option</button> <script>    function createDropDownList() {       var option = document.createElement("option");       option.setAttribute("value","Hello");       option.innerText='Hello';       document.querySelector(".drop-down").appendChild(option);    } </script> </body> </html>

আউটপুট

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

"Create a drop-down option" বাটনে ক্লিক করলে একটি অপশন অবজেক্ট তৈরি হবে এবং সেটি ড্রপ-ডাউন লিস্টে যোগ হবে।