Heim > Artikel > Web-Frontend > Die chinesische Übersetzung der HTML-DOM-Datalist-Optionssammlung lautet „HTML-DOM-Datalist-Optionssammlung“.
Die chinesische Übersetzung der HTML-DOM-Datalist-Optionssammlung lautet „HTML-DOM-Datalist-Optionssammlung“.
- WBOYnach vorne
- 2023-09-02 11:09:14613Durchsuche
Die
HTML DOM Datalist-Optionssammlung wird verwendet, um die Sammlung der im HTML
Eigenschaften
Das Folgende sind die Eigenschaften der Datalist-Optionssammlung –
| Property | Description |
|---|---|
| Length | Gibt die Anzahl der |
Methoden
Das Folgende sind die Methoden der Datalist-Optionssammlung –
| Methode | . Beschreibung |
|---|---|
| [Index] td> | Rückkehr aus der Sammlung am angegebenen Index |
| Gibt das | |
| namedItem(id) | Gibt das |
Syntax
Es folgt die Syntax für die Datenlisten-Optionssammlung:
datalistObject.options
Beispiel:
Sehen wir uns ein Beispiel für die Datenlisten-Optionssammlung an:
Wenn Sie auf die Schaltfläche „Zählen“ klicken (Sie können auf die Datenliste klicken, um die Anzahl der Elemente selbst zu zählen) –
<!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> Dann erstellen wir eine Schaltfläche COUNT, die die Methode elementNo() ausführt, wenn der Benutzer darauf klickt – <form> <input list="fruits"> <datalist id="fruits"> <option value="Papaya"> <option value="Strawberry"> <option value="Guava"> <option value="Mango"> </datalist> </form>
elementNo()-Methode mithilfe der Methode getElementById() Ruft den Attributwert „options.length“ der Datenliste ab und weist ihn der Variablen fLength zu. Zeigen Sie dann den Optionsanzahlwert im Absatz mit der ID „Sample“ an, indem Sie dessen innerHTML-Attribut -<button onclick="elementNo()">COUNT</button>
verwenden
Das obige ist der detaillierte Inhalt vonDie chinesische Übersetzung der HTML-DOM-Datalist-Optionssammlung lautet „HTML-DOM-Datalist-Optionssammlung“.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!