এইচটিএমএল ডোম Option অবজেক্ট
Option অবজেক্ট
Option অবজেক্ট এইচটিএমএল <option> এলিমেন্টকে প্রতিনিধিত্ব করে।
Option অবজেক্ট তৈরি
আপনি document.createElement() মেথড ব্যবহার করে <option> এলিমেন্ট তৈরি করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<select id="test">
</select>
<button onclick="myFunc()">ক্লিক করুন</button>
<script>
function myFunc(){
var a = document.createElement("option");
a.setAttribute("value", "apple");
var b = document.createTextNode("Apple");
a.appendChild(b);
var s = document.getElementById("test");
s.appendChild(a);
}
</script>
</body>
</html>ফলাফল
Option অবজেক্ট এক্সেস
আপনি getElementById() ব্যবহার করে <option> এলিমেন্টকে এক্সেস করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<select>
<option id="test" value="apple">Apple</option>
</select>
<button onclick="myFunc()">ক্লিক করুন</button>
<script>
function myFunc(){
var a = document.getElementById("test").value;
alert(a);
}
</script>
</body>
</html>ফলাফল
পরামর্শঃ একটি ফর্মের এলিমেন্টের বা ড্রপডাউন লিস্টের কালেকশনে সার্চ করে আপনি Option অবজেক্টকে এক্সেস করতে পারেন।
Option অবজেক্ট প্রোপার্টি
| প্রোপার্টি | বর্ণনা |
|---|---|
| defaultSelected | নির্বাচিত এট্রিবিউটের ডিফল্ট ভ্যালু রিটার্ন করে। |
| disabled | option নিষ্ক্রিয় থাকবে কিনা তা সেট বা রিটার্ন করে। |
| form | option সহ একটি ফর্মের রেফারেন্স রিটার্ন করে। |
| index | ড্রপডাউন লিস্টে option এর ইন্ডেক্স অবস্থান সেট বা রিটার্ন করে। |
| label | ড্রপডাউন লিস্টে option এর label এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে। |
| selected | একটি option এর নির্বাচিত অবস্থা সেট বা রিটার্ন করে। |
| text | একটি option এর টেক্সট সেট বা রিটার্ন করে। |
| value | একটি option এর ভ্যালু সেট বা রিটার্ন করে যা সার্ভারে পাঠানো হবে। |
স্ট্যান্ডার্ড প্রোপার্টিজ এবং ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |