HTML DOM সিলেক্ট অবজেক্ট একটি HTML ডকুমেন্টের
প্রতিনিধিত্ব করেচলুন দেখি কিভাবে সিলেক্ট অবজেক্ট তৈরি করতে হয়
সিনট্যাক্স
নিচের সিনট্যাক্স −
document.createElement(“SELECT”);
সম্পত্তি
নিচে নির্বাচিত বস্তুর বৈশিষ্ট্য −
| সম্পত্তি | ব্যাখ্যা |
|---|---|
| অটোফোকাস | এটি ফিরে আসে এবং পৃষ্ঠা লোড হওয়ার সময় ড্রপ-ডাউন তালিকা ফোকাস করা উচিত কিনা তা সংশোধন করে। |
| অক্ষম | এটি ফিরে আসে এবং ড্রপ-ডাউন তালিকা অক্ষম করা হয় কিনা তা সংশোধন করে। |
| দৈর্ঘ্য | এটি একটি HTML নথিতে একটি ড্রপ-ডাউন তালিকার মধ্যে |
| ফর্ম | এটি ফর্মের রেফারেন্স প্রদান করে যা HTML নথিতে ড্রপ-ডাউন তালিকা ধারণ করে। |
| একাধিক | এটি ফিরে আসে এবং একটি ড্রপ-ডাউন তালিকা থেকে একাধিক বিকল্প নির্বাচন করা যায় কিনা তা সংশোধন করে। |
| নাম | এটি ড্রপ-ডাউন তালিকার নামের বৈশিষ্ট্যের মান ফিরিয়ে দেয় এবং পরিবর্তন করে। |
| সাইজ | এটি ড্রপ-ডাউন তালিকার আকার বৈশিষ্ট্যের মান ফিরিয়ে দেয় এবং পরিবর্তন করে। |
| টাইপ | এটি ড্রপ-ডাউন তালিকার প্রকার বৈশিষ্ট্যের মান প্রদান করে। |
| মান | এটি ড্রপ-ডাউন তালিকার মান বৈশিষ্ট্যের বিষয়বস্তু ফিরিয়ে দেয় এবং পরিবর্তন করে। |
| নির্বাচিত সূচক | এটি একটি HTML নথিতে ড্রপ-ডাউন তালিকার নির্বাচিত বিকল্পের সূচী প্রদান করে এবং সংশোধন করে। |
পদ্ধতি
নিম্নোক্ত পদ্ধতিগুলি -
| পদ্ধতি | ব্যাখ্যা |
|---|---|
| add() | এটি একটি HTML নথিতে একটি ড্রপ-ডাউন তালিকায় একটি নতুন বিকল্প যোগ করে৷ | ৷
| সরান() | এটি একটি HTML নথিতে একটি ড্রপ-ডাউন তালিকা থেকে একটি নতুন বিকল্প মুছে দেয়৷ | ৷
| চেক ভ্যালিডিটি() | এটি একটি HTML নথিতে একটি ড্রপ-ডাউন তালিকার বৈধতা পরীক্ষা করে৷ |
উদাহরণ
আসুন HTML DOM সিলেক্ট অবজেক্ট -
এর একটি উদাহরণ দেখি<!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> এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
“একটি ড্রপ-ডাউন তালিকা তৈরি করুন-এ ক্লিক করুন একটি ড্রপ-ডাউন তালিকা তৈরি করুন” বোতাম একটি ড্রপ-ডাউন তালিকা তৈরি করুন।
