জাভাস্ক্রিপ্ট জেকুয়েরি এঙ্গুলার জেএস এইচটিএমএল সিএসএস বুটস্ট্রাপ পিএইচপি সি প্রোগ্রামিং
ফোরাম
×

জাভাস্ক্রিপ্ট রেফারেন্স

রেফারেন্স

জাভাস্ক্রিপ্ট

অপারেটর-Operator স্টেটমেন্ট-Statement অ্যারে-Array বুলিয়ান-Boolean স্ট্রিং-String সংখ্যা-Number রেগুলার এক্সপ্রেশন-RegExp গণিত-Math তারিখ-Date গ্লোবাল-Global কনভার্শন-Conversion

এইচটিএমএল ডোম-DOM

ডোম ডকুমেন্ট-DOMDocument ডোম এলিমেন্ট-DOMElement ডোম এট্রিবিউট-DOMAttribute ডোম স্টাইল-DOMStyle ডোম ইভেন্ট-DOMEvent

ব্রাউজার বোম-BOM

উইনডো-Window হিস্টোরি-History লোকেশন-Location ন্যভিগেটর-Navigator স্ক্রিনScreen

এইচটিএমএল অবজেক্ট

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>


 

এইচটিএমএল ডোম 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 এর লেভেল এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে।

স্ট্যান্ডার্ড প্রোপার্টিজ এবং ইভেন্ট

প্রোপার্টি ইভেন্ট
সাপোর্ট করে। এখানে দেখুন সাপোর্ট করে। এখানে দেখুন