Datalist options సమాహారం
నిర్వచనం మరియు ఉపయోగం
options
కూడలి తిరిగి వచ్చుతుంది. <datalist> కూడలి లో అన్ని ఎంపికల కూడలి.
పేరుగా పేర్కొనబడినసమాకారంలో ఉన్న కూడలి మూలక కోడ్ ప్రకారం కూడలి మూలక కూడలి అనుకూలించబడతాయి.
మరియు ఇతర లింకులు:
హైట్ముల్ రెఫరెన్స్ మాన్యువల్:హెచ్టిఎంఎల్ <డేటాలిస్ట్> టాగ్
హైట్ముల్ రెఫరెన్స్ మాన్యువల్:హెచ్టిఎంఎల్ <ఆప్షన్> టాగ్
ఇన్స్టాన్స్
ఉదాహరణ 1
ప్రత్యేకంగా ఇచ్చిన <datalist> కూడలిలో ఎంపికల సంఖ్యను గుర్తించండి:
var x = document.getElementById("browsers").options.length;
x యొక్క ఫలితం ఉంటుంది:
5
సూచన:పేజీ కింద మరిన్ని ఉదాహరణలు లభిస్తాయి.
సంకేతాలు
datalistObject.options
అనునది
అనునది | వివరణ |
---|---|
length |
కూడలిలో <option> కూడలి యొక్క సంఖ్యను తిరిగి వచ్చుతుంది. పేరుగా పేర్కొనబడినఈ అనునది ఓన్లీ రిడ్ అనునది. |
పద్ధతి
పద్ధతి | వివరణ |
---|---|
[index] |
కూడలిలో ప్రత్యేకంగా ఇండెక్స్ నంబర్ యొక్క <option> కూడలి తిరిగి వచ్చుతుంది. పేరుగా పేర్కొనబడినఇండెక్స్ నంబర్ పరిధిలో లేకపోతే null తిరిగి వచ్చుతుంది. |
item(index) |
కూడలిలో ప్రత్యేకంగా ఇండెక్స్ నంబర్ యొక్క <option> కూడలి తిరిగి వచ్చుతుంది. పేరుగా పేర్కొనబడినఇండెక్స్ నంబర్ పరిధిలో లేకపోతే null తిరిగి వచ్చుతుంది. |
namedItem(id) |
ప్రత్యేకంగా id యొక్క కూడలిలో ప్రతిపాదించబడిన <option> కూడలి తిరిగి వచ్చుతుంది. పేరుగా పేర్కొనబడినఉన్నప్పుడు id లేకపోతే null తిరిగి వచ్చుతుంది. |
సాంకేతిక వివరాలు
DOM వెర్షన్: | కోర్ లెవల్ 2 డాక్యుమెంట్ ఆబ్జెక్ట్ |
---|---|
తిరిగి వచ్చే విలువ: |
హైట్ముల్ కలెక్షన్ ఆబ్జెక్ట్, దీనిలో <datalist> కూడలిలోని అన్ని <option> కూడలి. సమాకారంలో ఉన్న కూడలి మూలక కోడ్ ప్రకారం కూడలి మూలక కూడలి అనుకూలించబడతాయి. |
బ్రౌజర్ మద్దతు
Chrome | ఎడ్జ్ | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | ఎడ్జ్ | 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 + "
"; }
txt 的结果将是:
Internet Explorer Firefox Chrome Opera Safari