wake-up-neo.com

jQuery - Entfernt den Benutzereingabetext aus dem Textbereich

Okay, ich habe eine Liste von Geräten, auf denen ich auswählen kann, welche bearbeitet werden soll. Ich habe 3 Zustände für die Bearbeitung. Wenn keine Geräte ausgewählt sind, wenn 1 Gerät ausgewählt ist oder wenn x Geräte ausgewählt sind.

Das Problem, das ich habe, ist, wenn ein Benutzer Text in das Textfeld (commentField) eintippt und die Bearbeitung abbricht, um ein anderes Gerät zu bearbeiten. Wenn das neue Dialogfeld für die neue Bearbeitung angezeigt wird, enthält das Kommentarfeld den Text aus dem alten Kommentarfeld (als ob es nicht gelöscht wurde).

Ich habe die folgenden Codes ausprobiert, um den Text zu entfernen (sowohl beim Drücken der Abbrechen-Taste als auch beim Starten eines neuen Dialogfelds), aber es funktioniert nichts:

$("#commentField").text(" ");
$("#commentField").value = ' ';

Gibt es jemanden, der mit jQuery den vom Benutzer eingegebenen Text aus einem Textbereich entfernen kann?

Danke im Voraus.

-Tor

17

Sie suchen nach .val() :

$("#commentField").val('');

Beispiel:http://jsfiddle.net/andrewwhitaker/q6eLV/

58
Andrew Whitaker

Da textarea ein Eingabefeld ist, verfügt es über eine value-Eigenschaft, sodass Sie die val()-Methode verwenden müssen. Versuche dies

$("#commentField").val('');
3
ShankarSangoli

In jQuery ist es eigentlich $("#commentField").val(" ");

1
Ali

Sie können Text wie folgt aus dem Textbereich entfernen:

$("#commentField").html("");

EDIT: Ok, das funktioniert nicht, aber ich wäre wirklich interessiert, warum, und ich verstehe die Ablehnung. Ich dachte immer, der Text zwischen den textarea-Tags sei innerHTML und html() soll genau das ersetzen. Wäre es nicht sinnvoll, Textbereiche wie Eingaben zu haben? Oder liegt es nur daran, dass Textbereiche lange Textmengen enthalten, die zwischen Anführungszeichen klebrig aussehen würden?.

Mit normalem Javascript mit innerHTML funktioniert es für mich in FF6 . Demo hier

0
Uku Loskit