kikompyuta cha Datalist options

Mfano wa Datalist wa DOM wa HTML

mifanyiko na matumizi

mawazo Kikolea kinaaminika inarudi <datalist> element inaonyesha kikolea cha kila chaguo kwenye kifungu.

Maelezo:Mifano ya kikolea kinaaminika inayotumika kama kinaingia cha kawaida cha kifungu.

Tafadhali tazama:

Kifungu cha HTML:Titi ya <datalist> ya HTML

Kifungu cha HTML:Titi ya <option> ya HTML

Mfano

Mfano 1

Kutafuta ukubwa wa chaguo kwenye kifungu cha <datalist> kwenye kikolea:

var x = document.getElementById("browsers").options.length;

Jifunze tena

Matokeo ya x kuitwa:

5

Tahadhari:Mifano mengi zimepangiliwa kwenye ukurasa wa chakula.

Inasimamia

datalistObject.options

Makadaro

Makadaro Maelezo
length

Inarudi ukubwa wa kikolea kwenye element ya <option>.

Maelezo:Hii ni kinaonyesha kusikitisha.

Method

Method Maelezo
[index]

Inarudi element ya <option> yenye indakili kwenye kikolea (kuanzia 0).

Maelezo:Haiwezi kufikia namba ya kichwa, kama hivyo inarudi null.
item(index)

Inarudi element ya <option> yenye indakili kwenye kikolea (kuanzia 0).

Maelezo:Haiwezi kufikia namba ya kichwa, kama hivyo inarudi null.
namedItem(id)

kwenye id inaonyesha element ya <option> kwenye kikolea cha kawaida.

Maelezo:If id Haiwakilishwi kama null.

Maelezo ya mawasiliano

DOM Version: Core Level 2 Document Object
Thamani ya kuzingatia:

Kampuku ya HTMLCollection, inaonyesha mifano ya <datalist> ya kila mmoja Maelezo ya <option> element.

Mifano ya kikolea kinaaminika inayotumika kama kinaingia cha kawaida cha kifungu.

Inasimamia wa kifungu

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Inasimamia 10.0 Inasimamia Inasimamia Inasimamia

Mifano mengi

Mfano 2: [index]

Pata thamani ya chaguo kwenye data list ya kwanza (indeksi 0):

var x = document.getElementById("browsers").options[0].value;

Jifunze tena

Matokeo ya x kuitwa:

Internet Explorer

Mfano 3: item(index)

Pata thamani ya chaguo kwenye data list ya kwanza (indeksi 0):

var x = document.getElementById("browsers").options.item(0).value;

Jifunze tena

Matokeo ya x kuitwa:

Internet Explorer

Mfano 4: namedItem(name_or_id)

Pata thamani ya chaguo kwenye data list ya id="google":

var x = document.getElementById("browsers").options.namedItem("google").value;

Jifunze tena

Matokeo ya x kuitwa:

Chrome

Mfano 5

Kuamuaa data ya orodha ya chaguo, na kichapisha thamani ya chaguo:

var x = document.getElementById("mySelect");
var txt = "";
var i;
kwa (i = 0; i < x.options.length; i++) {
  txt = txt + x.options[i].value + "<br>";
}

Jifunze tena

Matokeo ya txt kinasababisha:

Internet Explorer
Firefox
Chrome
Opera
Safari

Mfano wa Datalist wa DOM wa HTML