डेटालिस्ट विकल्प संग्रह
परिभाषा और उपयोग
विकल्प समूह वापस करें <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]
डाटा सूची में पहले विकल्प (इंडेक्स 0) का मूल्य प्राप्त करें:
var x = document.getElementById("browsers").options[0].value;
x का परिणाम होगा:
Internet Explorer
उदाहरण 3: item(index)
डाटा सूची में पहले विकल्प (इंडेक्स 0) का मूल्य प्राप्त करें:
var x = document.getElementById("browsers").options.item(0).value;
x का परिणाम होगा:
Internet Explorer
उदाहरण 4: namedItem(name_or_id)
डाटा सूची में 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
