Heim > Web-Frontend > js-Tutorial > Funktionen und Beispiele der val-Methode in jQuery

Funktionen und Beispiele der val-Methode in jQuery

WBOY
Freigeben: 2024-02-28 14:39:03
Original
1155 Leute haben es durchsucht

Funktionen und Beispiele der val-Methode in jQuery

Funktion und Beispiele der val-Methode in jQuery

Beim Programmieren mit jQuery geht es oft darum, den Wert eines Formularelements abzurufen oder festzulegen. Zu diesem Zeitpunkt können Sie die val()-Methode in jQuery verwenden. Die val()-Methode ist eine gängige Methode in jQuery, mit der der Wert eines Formularelements abgerufen oder festgelegt wird. In diesem Artikel werden wir die Funktionalität der val()-Methode im Detail besprechen und ihre Verwendung anhand konkreter Codebeispiele demonstrieren.

1. Funktion der val()-Methode

val()-Methode wird verwendet, um den Wert von Formularelementen abzurufen oder festzulegen, zu denen Eingabe, Textbereich, Auswahl usw. gehören. Wenn die val()-Methode keine Parameter akzeptiert, gibt sie den aktuellen Wert des ersten Elements im Satz übereinstimmender Elemente zurück. Wenn die val()-Methode einen Parameter annimmt, legt sie den Wert aller übereinstimmenden Elemente fest.

2. Beispielcode

Im Folgenden finden Sie Beispielcode, der zeigt, wie Sie mit der val()-Methode den Wert eines Formularelements abrufen oder festlegen.

  1. Den Wert des Eingabefelds abrufen

Angenommen, wir haben ein Eingabefeld , jetzt möchten wir den vom Benutzer eingegebenen Wert abrufen und ihn ausgeben die Konsole:

var username = $("#username").val();
console.log(username);
Nach dem Login kopieren
  1. Legen Sie den Wert des Eingabefelds fest

Wenn wir einen Standardwert im Eingabefeld festlegen möchten, können wir die val()-Methode verwenden:

$("#username").val("John Doe");
Nach dem Login kopieren
  1. Erhalten Sie den Wert der Auswahl Dropdown-Menü

Wenn wir ein Dropdown-Menü haben: Menü :

<select id="city">
  <option value="1">New York</option>
  <option value="2">Los Angeles</option>
  <option value="3">Chicago</option>
</select>
Nach dem Login kopieren

Wir möchten den Wert der Auswahl des Benutzers erhalten:

var city = $("#city").val();
console.log(city);
Nach dem Login kopieren
  1. Legen Sie den Wert des Auswahl-Dropdowns fest

Wenn Wir möchten, dass Los Angeles standardmäßig ausgewählt wird:

$("#city").val("2");
Nach dem Login kopieren
  1. Den Wert von textarea abrufen

Wenn wir ein