এইচটিএমএল ডোম OptionGroup অবজেক্ট
OptionGroup অবজেক্ট
OptionGroup অবজেক্ট এইচটিএমএল <optgroup> এলিমেন্টকে প্রতিনিধিত্ব করে।
OptionGroup অবজেক্ট তৈরি
আপনি document.createElement() মেথড ব্যবহার করে <optgroup> এলিমেন্ট তৈরি করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<select id="test">
<option value="apple">Apple</option>
<option value="banana">Banana</option>
<option value="hilsa">Hilsa</option>
</select>
<button onclick="myFunc()">ক্লিক করুন</button>
<script>
function myFunc(){
var a = document.getElementById("test");
var b = document.createElement("optgroup");
b.setAttribute("label", "Fish name");
b.appendChild(a.options[2])
a.insertBefore(b, a.options[2]);
}
</script>
</body>
</html>ফলাফল
OptionGroup অবজেক্ট এক্সেস
আপনি getElementById() ব্যবহার করে <optgroup> এলিমেন্টকে এক্সেস করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<select>
<optgroup id="test" label="Fish name">
<option value="hilsa">Hilsa</option>
<option value="wallago">Wallago</option>
</optgroup>
</select>
<button onclick="myFunc()">ক্লিক করুন</button>
<script>
function myFunc(){
var a = document.getElementById("test").label;
alert(a);
}
</script>
</body>
</html>ফলাফল
OptionGroup অবজেক্ট প্রোপার্টি
| প্রোপার্টি | বর্ণনা |
|---|---|
| disabled | OptionGroup নিষ্ক্রিয় থাকবে কিনা তা সেট বা রিটার্ন করে। |
| label | OptionGroup এর লেভেল এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে। |
স্ট্যান্ডার্ড প্রোপার্টিজ এবং ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |