Textarea dupliziert in Textfield anzeigen?

Hallöchen,

hab mal wieder ne Frage. UNd zwar möchte ich gerne Text in eine Textarea eingegeben können. Der Eingegebene Text soll gleichzeitig in eine weiter unten existierenden Textarea automatisch eingefügt werden. Kann ich das mit HTML oder Javascript so hinbekommen?

Danke schon mal im Voraus für die Antworten

Answer 1

[MrAmazing2]

Einfach bei oninput den Text (value) der Textarea in die weiter unten gelegene Textarea (hier id "t2") kopieren.

<textarea id="t1" oninput="document.querySelector('#t2').value = this.value"></textarea>
<textarea id="t2"></textarea>

Demo: https://jsfiddle.net/zoh3ugqm/

Comments

[dorBene]

Vielen Dank! Ich werde es demnächst mal ausprobieren. Klingt aber aufjeden Fall schon mal nach dem, was ich gesucht habe:)

Answer 2

[tanteerna68]

Du brauchst eine Funktion, die das überträgt. Die onchange Prozedur ruf diese Funktion immer wieder auf.

Comments

[MrAmazing2]

onchange ist, obwohl es danach klingt, nicht sofortig, sondern wird erst ausgeführt, sobald sich der Fokus ändert. Heißt erst wenn du aus dem Textfeld rausklickst.

Damit der Text gleichzeitig, also sofort, in das untere Feld geschrieben wird, braucht man oninput

[tanteerna68]

@MrAmazing2

Das ist richtig.