এইচটিএমএল ডোম Datalist অবজেক্ট
Datalist অবজেক্ট
Datalist অবজেক্ট এইচটিএমএল(৫)এ নতুন
Datalist অবজেক্ট এইচটিএমএল <datalist> এলিমেন্টকে প্রতিনিধিত্ব করে।
নোটঃ <datalist> এলিমেন্ট Safari, ইন্টারনেট এক্সপ্লোরার(৯) এবং এর পূর্বের ভার্সনে সাপোর্ট করে না।
Datalist অবজেক্ট তৈরি
আপনি document.createElement() মেথড ব্যবহার করে <datalist> এলিমেন্ট তৈরি করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<form id="test">
</form>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<script>
function myFunc() {
var a = document.createElement("input");
a.setAttribute("list", "browsers");
document.getElementById("test").appendChild(a);
var b = document.createElement("datalist");
b.setAttribute("id", "browsers");
document.getElementById("test").appendChild(b);
var c = document.createElement("option");
c.setAttribute("value", "ক্রোম");
document.getElementById("browsers").appendChild(c);
}
</script>
</body>
</html>ফলাফল
Datalist অবজেক্ট এক্সেস
আপনি getElementById() ব্যবহার করে <datalist> এলিমেন্টকে এক্সেস করতে পারেঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<form>
<input list="test">
<datalist id="test">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
</form>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<p id="test2"></p>
<script>
function myFunc() {
var a = document.getElementById("test").options.length;
document.getElementById("test2").innerHTML = "Found " + a + " options in the list.";
}
</script>
</body>
</html>ফলাফল
Datalist অবজেক্ট কালেকশন
| কালেকশন | বর্ণনা |
|---|---|
| options | Datalist-এর মধ্যে সংগ্রহিত সকল অপশন রিটার্ণ করে। |
স্ট্যান্ডার্ড প্রোপার্টিজ এবং ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |