cari

Rumah >hujung hadapan web >html tutorial >Terjemahan Cina bagi Koleksi pilihan Senarai Data HTML DOM ialah 'kumpulan pilihan Senarai Data HTML DOM'

Terjemahan Cina bagi Koleksi pilihan Senarai Data HTML DOM ialah 'kumpulan pilihan Senarai Data HTML DOM'

WBOY
WBOYke hadapan
2023-09-02 11:09:14871semak imbas

HTML DOM Koleksi pilihan Datalist digunakan untuk menetapkan atau mengembalikan koleksi nilai pilihan yang terdapat dalam elemen HTML . Elemen muncul dalam susunan yang sama seperti dalam dokumen.

Properties

The berikut adalah sifat -sifat koleksi pilihan DATALIST -

Property description
length Returns bilangan

Kaedah

Berikut ialah kaedah pengumpulan pilihan Datalist -

item(indeks)Mengembalikan elemen daripada koleksi pada indeks yang diberikan. Indeks bermula pada 0 dan mengembalikan null jika di luar julat. namedItem(id) daripada koleksi id yang diberikan. Jika id tidak wujud, mengembalikan Null. Sintaks
Kaedah Penerangan
Pulangan daripada koleksi pada indeks yang ditentukan td> unsur. Indeks bermula pada 0 dan mengembalikan nol jika nombor indeks berada di luar julat.
Mengembalikan elemen

Berikut ialah sintaks untuk koleksi pilihan Datalist - 

datalistObject.options

Contoh

Mari kita lihat contoh untuk koleksi pilihan Datalist −

Demonstrasi berikut akan menghasilkan keluaran -

Apabila butang "Count" diklik (anda boleh klik pada senarai data untuk mengira bilangan elemen sendiri) -

HTML DOM Datalist options Collection 的中文翻译是 "HTML DOM 数据列表选项集合"

Kami mencipta kotak input dengan nilai senarai atribut "buah-buahan" dan memautkannya ke Senarai data dengan id yang sama. Ini bermakna apabila kita menaip dalam kotak input, senarai data akan cuba melengkapkan teks input kita menggunakan nilai pilihan. Senarai data dengan id "buah-buahan" dibuat dengan empat nilai pilihan. Senarai data dan kotak input yang dipautkan semuanya wujud dalam borang - 

<!DOCTYPE html>
<html>
<body>
<h2>Datalist option elements example</h2>
<form>
<input list="fruits">
<datalist id="fruits">
<option value="Papaya">
<option value="Strawberry">
<option value="Guava">
<option value="Mango">
</datalist>
</form>
<p>Click the below button to display the number of datalist option elements</p>
<button onclick="elementNo()">COUNT</button>
<p id="Sample"></p>
<script>
   function elementNo() {
      var fLength = document.getElementById("fruits").options.length;
      document.getElementById("Sample").innerHTML = "The datalist contains " + fLength + " options";
   }
</script>
</body>
</html>

Kemudian kami mencipta butang COUNT yang akan melaksanakan kaedah elementNo() apabila pengguna mengkliknya - kaedah 

<form>
<input list="fruits">
<datalist id="fruits">
<option value="Papaya">
<option value="Strawberry">
<option value="Guava">
<option value="Mango">
</datalist>
</form>
Terjemahan Cina bagi Koleksi pilihan Senarai Data HTML DOM ialah 'kumpulan pilihan Senarai Data HTML DOM'elementNo() dengan menggunakan kaedah getElementById( ) mendapat nilai atribut options.length senarai data dan memberikannya kepada fLength pembolehubah. Kemudian paparkan nilai kiraan pilihan dalam perenggan dengan ID "Sampel" menggunakan atribut innerHTML -

<button onclick="elementNo()">COUNT</button>

Atas ialah kandungan terperinci Terjemahan Cina bagi Koleksi pilihan Senarai Data HTML DOM ialah 'kumpulan pilihan Senarai Data HTML DOM'. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

html NULL count Length Collection dom innerHTML td th
Kenyataan：
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya：Laksanakan skrip apabila elemen HTML kehilangan fokus?Artikel seterusnya：Laksanakan skrip apabila elemen HTML kehilangan fokus?

Artikel berkaitan

Lihat lagi