Terjemahan Cina bagi Koleksi pilihan Senarai Data HTML DOM ialah 'kumpulan pilihan Senarai Data HTML DOM'-html tutorial-php.cn

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

WBOY

Lepaskan： 2023-09-02 11:09:14

ke hadapan

824 orang telah melayarinya

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

Salin selepas log masuk

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 的中文翻译是

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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!