Datalist options ກຸ່ມ

ໂອກາດ Datalist DOM HTML

ການອະທິບາຍ ແລະ ການນໍາໃຊ້

options ກຸ່ມກັບຄືນ <datalist> ສິນລະບົບ ກຸ່ມຂອງສິດຄຳຄວາມທັງໝົດຂອງ <datalist> ສິນລະບົບ:

ຄວາມຄິດ:ປະກອບສິນຂອງກຸ່ມຈະຖືກຈັດທີ່ຕາມການປະກົດຂອງພວກເຂົາໃນລາຍການລະບົບແບບເລກ:

ບໍ່ດັ່ງນັ້ນກໍ່ບອກ:

HTML ສາທານຸກົມ:ອອກອາກາດ <datalist> HTML

HTML ສາທານຸກົມ:ອອກອາກາດ <option> HTML

ຕົວຢ່າງ

ຕົວຢ່າງ 1

ການຄົ້ນຫາຈຳນວນສິດຄຳຄວາມທີ່ມີຢູ່ໃນ <datalist> ທີ່ກໍານົດ:

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

ທີ່ຈະທົດລອງ

ຜົນຂອງ x ຈະແມ່ນ:

5

ຄຳແນະນຳ:ຕົວຢ່າງອື່ນໆທີ່ມີຫຼາຍຫຼາຍທີ່ຕິດຕັ້ງໃນບາງເບື້ອງຢູ່ດ້ານກ້າວຢູ່ຕໍ່າກັບບາງເບື້ອງ.

ວິທີການ

datalistObject.options

ສິນລະບົບ

ສິນລະບົບ ການອະທິບາຍ
length

ກັບຄືນຈຳນວນ <option> ສິນລະບົບໃນກຸ່ມ.

ຄວາມຄິດ:ປະສົບປະກອບພຽງຄົນດຽວພຽງຢ່າງດຽວ.

ວິທີການ

ວິທີການ ການອະທິບາຍ
[index]

ກັບຄືນ <option> ສິນລະບົບມີການກໍານົດບັນທາງ (ເລີ່ມຈາກ 0):

ຄວາມຄິດ:ຖ້າເລກຫນຶ່ງທາງບັນທາງບໍ່ຢູ່ຈິງຈະກັບຄືນ null。
item(index)

ກັບຄືນ <option> ສິນລະບົບມີການກໍານົດບັນທາງ (ເລີ່ມຈາກ 0):

ຄວາມຄິດ:ຖ້າເລກຫນຶ່ງທາງບັນທາງບໍ່ຢູ່ຈິງຈະກັບຄືນ 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

ໂອກາດ Datalist DOM HTML