So setzen Sie den Wert eines versteckten Eingangsfeldes über JavaScript?
Während des Erstellens eines Formulars oder eines Fragebogens kann ein Benutzer-Input-Wert für ein bestimmtes Feld zugewiesen werden. Zum Beispiel, wenn ich vertrauliche Einträge anhängen, ich.e., ein Passwort oder ein codierter Wert, um sie zu verwenden. In solchen Fällen hilft die Festlegung des Werts eines versteckten Eingangselements durch JavaScript dabei, die Daten sicher und sicher zu halten.
In diesem Blog wird das Verfahren erörtert, um den Wert eines versteckten Eingabebuchs über JavaScript festzulegen
So setzen Sie den Wert eines versteckten Eingangsfeldes über JavaScript?
Um den Wert des versteckten Eingangsfeldes über JavaScript festzulegen, wenden Sie die folgenden Ansätze an:
- “Innerhtml" Eigentum.
- “JQuery”
Methode 1: Legen Sie den Wert des verborgenen Elements über die Innerhtml -Eigenschaft fest
Der "InnerhtmlEigenschaft gibt den HTML -Inhalt des Elements zurück. Diese Eigenschaft kann verwendet werden, um den benutzerdefinierten Wert an das Feld der zugewiesenen versteckten Eingänge festzulegen und anzuhängen.
Syntax:
Element.Innerhtml = Text
In der obigen Syntax “,“Element”Bezieht sich auf das Element, das mit dem angehängt werden mussText" Wert.
Beispiel
Lassen Sie uns das untergeordnete Beispiel durchlaufen:
Im obigen Codeblock:
- Erstellen Sie zunächst das Eingabefeld mit den angegebenen Attributen.
- Der "Typ”Attribut mit dem Wert“versteckt”Bedeutet, dass es sich um ein verstecktes Feld handelt.
- Danach das "promptDas Dialogfeld nimmt vom Benutzer einen Wert auf.
- Wenden Sie nun den benutzerdefinierten Wert so an, dass dies nicht der Fall istNull" Verwendung der "Wenn" Zustand.
- Zuletzt zugreifenAusweis" Verwendung der "GetElementById ()Methode und setzen Sie den benutzerdefinierten Wert über die “auf ihn einInnerhtml" Eigentum.
- Zuletzt den angehängten Wert über eine Warnung anzeigen.
Ausgang
Wie festgestellt, wird der Benutzer-Input-Wert an das versteckte Eingangsfeld angehängt.
Methode 2: Stellen Sie den Wert des verborgenen Elements mit JQuery -Ansatz fest
In diesem Ansatz ist JQuery "val ()Die Methode wird verwendet.
Beispiel
Überlegen wir den folgenden Code:
Geben Sie den Wert für verstecktes Element ein
In den obigen Codezeilen:
- Geben Sie zunächst ein Eingabtextfeld mit den angegebenen Attributen ein.
- Zuordnen Sie ebenfalls ein weiteres verstecktes Eingangsfeld zu, wie sich aus seiner hervorgehtTyp”Attribut.
- Tag hinzugefügt mit einem bestimmten “Ausweis”Attribut.
- Fügen Sie danach die JQuery -Bibliothek mit Hilfe des "beisrc”Attribut in“" Schild.
- Greifen Sie im JS -Code auf die Schaltfläche "Erstellen" zu und verknüpfen Sie die "An()Methode damit, um die Funktion auf der Schaltfläche Klick auszuführen.
- Greifen Sie in der Funktionsdefinition auf die sichtbare Eingabe zu “Text"Feld und holen Sie seinen Wert mit der"val ()" Methode.
- Im nächsten Schritt wird der abgerufene Wert der versteckten Eingabe zugeteilt “Text"Feld über die"val ()" Methode.
- Schließlich zeigen Sie den resultierenden Wert an, der dem zugewiesen wurde “Versteckter Eingangsfeld”Über eine Warnung.
Ausgang
In der obigen Ausgabe ist ersichtlich, dass der Wert der sichtbaren Eingabe “Text"Feld wird dem" zugewiesen "versteckt" Eingabefeld.
Abschluss
Um den Wert eines versteckten Eingangsfeldes über JavaScript festzulegen, wenden Sie die “anInnerhtml"Eigentum oder die JQuery"val ()" Methode. Die Innerhtml-Eigenschaft kann verwendet werden, um die gewünschte Funktionalität anzuwenden, indem der benutzerdefinierte Wert angemeldet wird. Die VAL () -Methode kann angewendet werden, um den Wert des Felds sichtbarer Eingabettext für das versteckte Eingabebuchfeld zuzuordnen. In diesem Blog wurde das Verfahren über den Wert eines versteckten Eingabefeldes über JavaScript festgelegt.