Textbereich-Set-Wert jquery

Bei Verwendung des Textarea-Elements müssen Sie manchmal seinen Anfangswert festlegen oder seinen Wert dynamisch ändern, was mithilfe von jQuery-Operationen leicht erreicht werden kann. In diesem Artikel wird erläutert, wie Sie den Wert eines Textbereichs mithilfe von jQuery festlegen.

Methode 1: val()-Methode

val()-Methode kann den Wert von Formularelementen (einschließlich Textbereichselementen) abrufen oder festlegen. Die Syntax lautet wie folgt:

$(selector).val(value)

Unter diesen stellt der Selektor den Selektor des Elements dar, das wir auswählen möchten, und der Wert ist der festzulegende Wert. Wenn das Wertargument weggelassen wird, gibt diese Methode den aktuellen Wert des angegebenen Elements zurück.

Das Folgende ist ein Beispiel, das einen Anfangswert für ein Textarea-Element mit der ID myTextarea festlegt:

<textarea id="myTextarea"></textarea>

$(document).ready(function(){
  $('#myTextarea').val('初始的文本内容');
});

Nach der Ausführung des obigen Codes wird der Textinhalt im Textfeld nach der Seite auf den „anfänglichen Textinhalt“ gesetzt wird geöffnet.

Wir können dieselbe Methode auch verwenden, um den Inhalt des Textbereichs dynamisch zu ändern. Wenn der Benutzer beispielsweise auf eine Schaltfläche klickt, können wir den Inhalt des Textbereichs in „neuen Textinhalt“ ändern:

<textarea id="myTextarea"></textarea>
修改内容

$(document).ready(function(){
  $('#myTextarea').val('初始的文本内容');
  $('#modifyBtn').click(function(){
    $('#myTextarea').val('新的文本内容');
  });
});

Nachdem Sie den obigen Code ausgeführt haben, klicken Sie auf der Seite auf die Schaltfläche „Inhalt ändern“, und der Inhalt des Textbereichs wird geändert in „neuen Textinhalt“ umwandeln.

Methode 2: text()-Methode

Eine andere Möglichkeit, den Textbereichswert festzulegen, ist die Verwendung der text()-Methode. Diese Methode legt den Textinhalt des Elements fest, ignoriert jedoch HTML-Tags. Wenn der Textbereichsinhalt daher HTML-Tags enthält, werden diese Tags als Text behandelt. Die Syntax der text()-Methode lautet wie folgt:

$(selector).text(content)

Dabei stellt Selector den Selektor des Elements dar, das wir auswählen möchten, und Content ist der festzulegende Textinhalt. Wenn der Inhaltsparameter weggelassen wird, gibt diese Methode den aktuellen Textinhalt des angegebenen Elements zurück.

Das Folgende ist ein Beispiel, das einen Anfangswert für ein Textarea-Element mit der ID myTextarea festlegt:

<textarea id="myTextarea"></textarea>

$(document).ready(function(){
  $('#myTextarea').text('初始的文本内容');
});

Nach der Ausführung des obigen Codes wird der Textarea-Inhalt nach dem Öffnen der Seite auf den „anfänglichen Textinhalt“ gesetzt.

Wir können auch die Methode text() verwenden, um den Inhalt des Textbereichs dynamisch zu ändern. Wenn der Benutzer beispielsweise auf eine Schaltfläche klickt, können wir den Inhalt des Textbereichs in „neuen Textinhalt“ ändern:

<textarea id="myTextarea"></textarea>
修改内容

$(document).ready(function(){
  $('#myTextarea').text('初始的文本内容');
  $('#modifyBtn').click(function(){
    $('#myTextarea').text('新的文本内容');
  });
});

Nachdem Sie den obigen Code ausgeführt haben, klicken Sie auf der Seite auf die Schaltfläche „Inhalt ändern“, und der Inhalt des Textbereichs wird geändert in „neuen Textinhalt“ umwandeln.

Zusammenfassung

Die oben genannten sind die beiden Methoden, mit denen jQuery den Wert von textarea festlegt. Die Methode val() eignet sich für die meisten Fälle, während die Methode text() für Fälle geeignet ist, in denen HTML-Tags ignoriert werden müssen. Wenn Sie den Anfangswert des Textbereichs festlegen oder seinen Inhalt dynamisch ändern müssen, wählen Sie bitte die entsprechende Methode entsprechend der jeweiligen Situation aus.

Das obige ist der detaillierte Inhalt vonTextbereich-Set-Wert jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!