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