Datalist options 集合

HTML DOM Datalist αντικείμενο

定義和用法

options Η συλλογή επιστρέφει Στοιχείο <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).

Σημείωση:Αν το αριθμός του indices ξεπεράσει τα όρια, επιστρέφεται null.
item(index)

Από τη συλλογή επιστρέφεται το στοιχείο <option> με καθορισμένο索引 (αρχικά 0).

Σημείωση:Αν το αριθμός του indices ξεπεράσει τα όρια, επιστρέφεται null.
namedItem(id)

Με καθορισμό id Από τη συλλογή αυτής επιστρέφεται το στοιχείο <option>.

Σημείωση:Αν id Αν δεν υπάρχει, επιστρέφεται null.

Τεχνικά στοιχεία

Έκδοση DOM: Core Level 2 Document Object
Επιστροφή τιμής:

Ομάδα HTMLCollection, που αντιπροσωπεύει όλα τα στοιχεία του στοιχείου <datalist>. Elemento <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>";
}

Προσπαθήστε να το δοκιμάσετε شخصικά

Τα αποτελέσματα θα είναι:

Internet Explorer
Firefox
Chrome
Opera
Safari

HTML DOM Datalist αντικείμενο