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

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

রেফারেন্স

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

অপারেটর-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>


 

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

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

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