Datalist options সংকলন
পরিবর্তন ও ব্যবহার
options সমষ্টি ফিরিয়ে দেয় <datalist> এলিমেন্ট সকল বিকল্পের সমষ্টি。
মন্তব্য:সমষ্টিতের উপাদানগুলি তাদের সূত্র কোডে দেখা অনুযায়ী ক্রমানুসারে সাজানো হয়。
অন্যান্য দেখুন:
HTML উপস্থাপনা মানক:HTML <datalist> ট্যাগ
HTML উপস্থাপনা মানক:HTML <option> ট্যাগ
প্রদর্শন
উদাহরণ 1
নির্দিষ্ট <datalist> এলিমেন্টের সকল বিকল্পকে সংখ্যা চিহ্নিত করা:
var x = document.getElementById("browsers").options.length;
x এর ফলাফল হবে:
5
সুঝানা:পাতার নিচে আরও উদাহরণ পাওয়া যাবে。
ব্যবহার পদ্ধতি
datalistObject.options
বৈশিষ্ট্য
| বৈশিষ্ট্য | বর্ণনা |
|---|---|
| length |
সমষ্টিতের <option> এলিমেন্টের সংখ্যা ফিরিয়ে দেয়。 মন্তব্য:এই বৈশিষ্ট্যটি শুধুমাত্র পড়তে সমর্থিত。 |
পদ্ধতি
| পদ্ধতি | বর্ণনা |
|---|---|
| [index] |
সমষ্টিতের সংখ্যাক্রমে নির্দিষ্ট ইনডেক্স (0 থেকে শুরু করে) এর <option> এলিমেন্ট ফিরিয়ে দেয়。 মন্তব্য:যদি ইনডেক্স সীমান্ত ছাড়ে, null ফিরিয়ে দেয়。 |
| item(index) |
সমষ্টিতের সংখ্যাক্রমে নির্দিষ্ট ইনডেক্স (0 থেকে শুরু করে) এর <option> এলিমেন্ট ফিরিয়ে দেয়。 মন্তব্য:যদি ইনডেক্স সীমান্ত ছাড়ে, null ফিরিয়ে দেয়。 |
| namedItem(id) |
নির্দিষ্ট id এর সমষ্টিতে <option> এলিমেন্ট ফিরিয়ে দেয়。 মন্তব্য:যদি id যদি না থাকে, null ফিরিয়ে দেয়。 |
প্রযুক্তিগত বিবরণ
| DOM সংস্করণ: | Core Level 2 Document Object |
|---|---|
| ফলাফল প্রদান: |
HTMLCollection অবজেক্ট, যা <datalist> এলিমেন্টের সকল <option> এলিমেন্ট。 সমষ্টিতের উপাদানগুলি তাদের সূত্র কোডে দেখা অনুযায়ী ক্রমানুসারে সাজানো হয়。 |
ব্রাউজার সমর্থন
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| সমর্থন | 10.0 | সমর্থন | সমর্থন | সমর্থন |
আরও উদাহরণ
উদাহরণ 2: [index]
data list-এর প্রথম বিকল্প (বিন্দু 0) এর মান পাওয়া:
var x = document.getElementById("browsers").options[0].value;
x এর ফলাফল হবে:
Internet Explorer
উদাহরণ 3: item(index)
data list-এর প্রথম বিকল্প (বিন্দু 0) এর মান পাওয়া:
var x = document.getElementById("browsers").options.item(0).value;
x এর ফলাফল হবে:
Internet Explorer
উদাহরণ 4: namedItem(name_or_id)
data list-এর id="google" বিকল্পকে পাওয়া:
var x = document.getElementById("browsers").options.namedItem("google").value;
x এর ফলাফল হবে:
Chrome
উদাহরণ 5
পাঠলিস্টের সকল বিকল্পকে পারিবর্তিত করা এবং বিকল্পকে প্রদর্শন করা:
var x = document.getElementById("mySelect");
var txt = "";
var i;
for (i = 0; i < x.options.length; i++) {
txt = txt + x.options[i].value + "<br>";
}
txt এর ফলাফল হবেঃ
Internet Explorer Firefox Chrome Opera Safari
