এইচটিএমএল ডোম সিলেক্ট অবজেক্ট
সিলেক্ট অবজেক্ট
সিলেক্ট অবজেক্টি এইচটিএমএল <select> এলিমেন্টকে প্রতিনিধিত্ব করে।
একটি সিলেক্ট অবজেক্ট তৈরী করি
document.createElement() পদ্ধতি ব্যবহারের মাধ্যমে আপনি একটি <select> এলিমেন্ট তৈরী করতে পারবেন:
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<button onclick="myFunc()">ক্লিক করুন</button>
<script>
function myFunc(){
var a = document.createElement("select");
a.setAttribute("id", "test");
document.body.appendChild(a);
var b = document.createElement("option");
b.setAttribute("value", "Apple");
var t = document.createTextNode("Apple");
b.appendChild(t);
document.getElementById("test").appendChild(b);
}
</script>
</body>
</html>ফলাফল
একটি সিলেক্ট অবজেক্ট এক্সেস
getElementById() ব্যবহারের মাধ্যমে আপনি একটি <select>এলিমেন্ট এক্সেস করতে পারবেন:
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<button onclick="myFunc()">ক্লিক করুন</button>
<select id="test">
<option value="Apple">Apple</option>
<option value="Banana">Banana</option>
</select>
<script>
function myFunc(){
var a =document.getElementById("test").length;
alert(a);
}
</script>
</body>
</html>ফলাফল
পরামর্শ :এছাড়াও আপনি একটি ফর্ম elements এর অনুসন্ধানের মাধ্যমে সিলেক্ট অবজেক্ট এক্সেস করতে পারেন।
সিলেক্ট অবজেক্ট কালেকশন
| কালেকশন | বর্ণনা |
|---|---|
| options | একটি ড্রপ ডাউন লিস্টের সংগ্রহীত সকল অপশন রিটার্ন করবে। |
সিলেক্ট অবজেক্ট প্রোপার্টি
| প্রোপার্টি | বর্ণনা |
|---|---|
| disabled | ড্রপ-ডাউন লিস্ট নিষ্ক্রিয় করা হয়েছে কিনা বা হয়নি তা সেট করে অথবা রিটার্ন করে । |
| form | ড্রপ-ডাউন লিস্টের ফরম থেকে একটি রেফারেন্স রিটার্ন করে । |
| length | একটি ড্রপ-ডাউন লিস্টের <option> এলিমেন্টের নাম্বার রিটার্ন করে । |
| multiple | ড্রপ-ডাউন লিস্ট থেকে এক এর অধিক অপশন নির্ধারন করা হয়েছে কিনা তা সেট করে অথবা রিটার্ন করে । |
| name | একটি ড্রপ-ডাউন লিস্টে নেম(name) এট্রিবিউটের ভ্যালু সেট করে অথবা রিটার্ন করে । |
| selectedIndex | একটি ড্রপ-ডাউন লিস্টের অপশন থেকে নির্ধারিত ইনডেক্স সেট করে অথবা রিটার্ন করে । |
| size | একটি ড্রপ-ডাউন লিস্টের সাইজ(size) প্রোপার্টির ভ্যালু সেট করে অথবা রিটার্ন করে । |
| type | একটি ড্রপ-ডাউন লিস্টের ফর্ম এলিমেন্ট কোন ধরনের(type) তা রিটার্ন করে । |
| value | একটি ড্রপ-ডাউন লিস্টের নির্ধারিত অপশনের ভ্যালু সেট করে অথবা রিটার্ন করে । |
| মেথড | বর্ণনা |
|---|---|
| add() | ড্রপ-ডাউন লিস্টে একটি অপশন যোগ করে। |
| remove() | ড্রপ-ডাউন লিস্টে থাকে একটি অপশন বাদ দেয়। |
স্ট্যান্ডার্ড প্রোপার্টিজ এবং ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |