Textarea auslesen

Palmovitsch · 13 Februar 2015

Hi,

ich will per Button-Click eineTextarea auslesen und den Inhalt in einem Textfeld ausgeben. Das klappt auch, aber man sieht es nur kurz "aufblitzen", danach sind Inhalt von Textarea sowie Textfeld wieder mit den Ausgangstexten gefüllt. Kann mir einer sagen warum und wie ich das löse?

HTML:

<!DOCTYPE html>
<html>

<head>
   <title>Prüfsummenbilder</title>
   <link rel="stylesheet" type="text/css" href="my.css">
</head>

<body>
   <div class="container">

     <form name="Myform">
       <a href="http://de.wikipedia.org/wiki/MD5"><h1>Hasher</h1></a>

       <textarea name="Myta" id="myta" type="text" cols="50" rows="5" value="hi">moin</textarea><br>
       <input name="Mytf" id="mytf" type="text" value="hi" style="width: 295px;">
       <button style="width: 120px;" onclick="myfunc()">Prüfsume bilden</button>
     </form>

     <footer>
       <p>Sie sind der 23. Besucher</p>
     </footer>

   </div>

   <script>

     function myfunc() {
       var textAreaText = document.getElementById("myta").innerHTML;
       document.getElementById("mytf").value = textAreaText;
     }

   </script>
</body>

scbawik · 13 Februar 2015

Palmovitsch schrieb:
Hi,

ich will per Button-Click eineTextarea auslesen und den Inhalt in einem Textfeld ausgeben. Das klappt auch, aber man sieht es nur kurz "aufblitzen", danach sind Inhalt von Textarea sowie Textfeld wieder mit den Ausgangstexten gefüllt. Kann mir einer sagen warum und wie ich das löse?

<!DOCTYPE html>
<html>

<head>
<title>Prüfsummenbilder</title>
<link rel="stylesheet" type="text/css" href="my.css">
</head>

<body>
<div class="container">

<form name="Myform">
<a href="http://de.wikipedia.org/wiki/MD5"><h1>Hasher</h1></a>

<textarea name="Myta" id="myta" type="text" cols="50" rows="5" value="hi">moin</textarea><br>
<input name="Mytf" id="mytf" type="text" value="hi" style="width: 295px;">
<button style="width: 120px;" onclick="myfunc()">Prüfsume bilden</button>
</form>

<footer>
<p>Sie sind der 23. Besucher</p>
</footer>

</div>

<script>

function myfunc() {
var textAreaText = document.getElementById("myta").innerHTML;
document.getElementById("mytf").value = textAreaText;
}

</script>
</body>

HTML:

<form name="Myform" onsubmit="return false;">

Palmovitsch · 13 Februar 2015

Danke für die schnelle Antwort. Leider nimmt er immer den voreingestellten Text. Wie krieg ich es hin, dass er den Text nimmt, den man in die Textarea eingibt?

gform · 16 Februar 2015

Entferne onclick="myfunc()" und onsubmit="return false;" vom HTML und schreib in den Script-Tag folgendes:

Code:

document.Myform.onsubmit = function () {
    this.mytf.value = this.myta.innerHTML;
    return false;
};

Textarea auslesen

Palmovitsch

Neues Mitglied

scbawik

Senior HTML'ler

Palmovitsch

Neues Mitglied

gform

Guest

Neueste Beiträge