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

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

রেফারেন্স

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

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


 

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


সিলেক্ট অবজেক্ট

সিলেক্ট অবজেক্টি এইচটিএমএল <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() ড্রপ-ডাউন লিস্টে থাকে একটি অপশন বাদ দেয়।

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

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