Wie funktioniert das HTML-Select-Objekt mit dem Option-Objekt?

Der Inhalt dieses Artikels befasst sich mit der Funktionsweise des Option-Objekts durch das HTML-Select-Objekt. Ich hoffe, dass es für Freunde hilfreich ist.

Das ausgewählte Objekt ist eigentlich ein zusammengesetztes Objekt, das ein Array von Optionsobjekten enthält.

Objekt auswählen

Das wichtigste Attribut des ausgewählten Objekts ist selectedIndex, der der Indexwert des Texts im aktuell ausgewählten Feld ist

Verwendung ist:

formObject.selectName.selectedIndex

Optionsobjekt

Erstellen Sie ein Optionsobjekt, d. h. erstellen Sie einen oder mehrere Texte in der Beschriftung

var a = document.getElementById("ID值");
a.options = new Option("文本", "值");

Optionen ist ein Array, das mehrere Textbeschriftungen wie

Methoden des Optionsobjekts:

Eine Beschriftung hinzufügen: obj.options.add(new Option("Text", "Value"))

Eine Beschriftung entfernen: obj. options.remove(obj .selectedIndex)

Den Text einer Beschriftung abrufen: obj.options[obj.selectedIndex].text

Den Wert einer Beschriftung abrufen: obj.options[obj. selectedIndex].value

Ändern Sie den Wert eines Tags: obj.options[obj.selectedIndex] = new Option("new text", "new value")

Alle Tags löschen: obj .options.length = 0

Hinweis: Die Option in obj.option muss nicht großgeschrieben werden, und die Option in new Option muss großgeschrieben werden

Empfohlene verwandte Artikel:

Benutzerdefinierte HTML5-Attribute: So erhalten Sie benutzerdefinierte Attribute. Definieren Sie Attributwerte (mit Code)

Funktionsweise von HTML-Formularen (Bilder und Text)

Code zum Ersetzen oder Hinzufügen von Website-Hintergrundbildern in HTML Wie schreibe ich? (Beispiel)

Das obige ist der detaillierte Inhalt vonWie funktioniert das HTML-Select-Objekt mit dem Option-Objekt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!