Zum Inhalt springen

jQuery: Den Wert eines Eingabefeldes setzen

lines of HTML codes

Wenn es darum geht, den Wert eines Eingabefeldes mit jQuery zu setzen, stehen uns verschiedene Möglichkeiten zur Verfügung. In diesem Blogartikel werden wir uns näher mit diesen Möglichkeiten beschäftigen und lernen, wie wir den Wert eines Eingabefeldes programmatisch ändern können.

Verwendung von.val()

Die erste Methode, um den Wert eines Eingabefeldes mit jQuery zu setzen, besteht darin, die Funktion.val() zu verwenden. Diese Funktion ermöglicht es uns, den Wert eines Eingabefeldes abzurufen oder zu ändern. Um den Wert eines Eingabefeldes zu ändern, können wir einfach die.val() Funktion aufrufen und den neuen Wert als Argument übergeben.

Beispiel

“‘


“‘

In diesem Beispiel haben wir ein einfaches Texteingabefeld mit der ID „meininput“. Mit Hilfe der.val() Funktion setzen wir den Wert dieses Eingabefeldes auf „Neuer Wert“. Sobald das Dokument bereit ist, wird der Wert des Eingabefeldes automatisch geändert.

Verwendung von.attr()

Eine andere Methode, um den Wert eines Eingabefeldes zu setzen, besteht darin, die.attr() Funktion zu verwenden. Diese Funktion ermöglicht es uns, Eigenschaften von HTML-Elementen abzurufen oder zu ändern. Um den Wert eines Eingabefeldes zu ändern, können wir die.attr() Funktion aufrufen und die Eigenschaft „value“ ändern.

Beispiel

“‘


“‘

Im obigen Beispiel verwenden wir die.attr() Funktion, um den Wert des Eingabefeldes mit der ID „meininput“ auf „Neuer Wert“ zu setzen. Dies geschieht, sobald das Dokument bereit ist.

C# Windows Forms Tutorial (Deutsch) #4 – Textboxen

Verwendung von.prop()

Die.prop() Funktion ist ähnlich wie die.attr() Funktion, aber sie ist speziell dafür gedacht, Eigenschaften von HTML-Elementen abzurufen oder zu ändern. Um den Wert eines Eingabefeldes zu ändern, können wir die.prop() Funktion aufrufen und die Eigenschaft „value“ ändern.

Beispiel

“‘


“‘

Mit der.prop() Funktion setzen wir den Wert des Eingabefeldes mit der ID „meininput“ auf „Neuer Wert“. Dies geschieht, sobald das Dokument bereit ist.

Fazit

Das Ändern des Werts eines Eingabefeldes mit jQuery ist dank der Funktionen.val(),.attr() und.prop() sehr einfach. Mit diesen Funktionen können wir den Wert eines Eingabefeldes programmatisch ändern und somit unsere Anwendungen interaktiver gestalten.