Dice
Dice

Reputation: 49

Retrieve text from a textarea after submission

Say I have a page with a textarea which acts as an input. Then I have a Submit button and right under everything i have the output textarea.

Now what I want to do is when the input has been submitted and sent into the output text area, how can I then retrieve the text from the output area.

This is the code i have:

    <head>

    <?php error_reporting(0);
         $OutputText = $_GET['OutputText'];  
     ?>
</head>
<body>
    <form action="#" method="_GET">

        <textarea name="InputText">
            hi
        </textarea>

        <input type="submit" name="submitFirstInput">

    </form>

    <textarea name="OutputText">
        <?php echo $_GET['InputText']; ?>
    </textarea>

    <hr>

    <p>Output String Length: <?php echo strlen($OutputText);  ?> </p>

</body>

for reasons I dont understand, it cant define the $OutputText, Do they both have to be in a form? As i have understood form's is only to send data, and testing it didn't help much either.

Keep in mind this is just a barebones version of the original, essentially i have some Input text and then through some logic it gets modified, therefor i want some statistics for the output result. So just getting the first input isnt rather useful..

Upvotes: 2

Views: 527

Answers (2)

DaFois
DaFois

Reputation: 2223

adding some javascript you can sync the two textarea:

        <!DOCTYPE html>
        <html lang="">

        <head>
            <title></title>
            <meta charset="utf-8">
            <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
            <script>
                $(window).load(function(){
                    $("#one, #two").on("change keyup", function(){
                        $("textarea").not($(this)).val($(this).val());
                    });
                });
            </script>

        </head>

        <body>
            <form action="#" method="GET">
                <textarea name="InputText" id="one"></textarea>
                <textarea name="OutputText" id="two"></textarea>
                <input type="submit" name="submitFirstInput">
            </form>

            <hr>
            <?php echo '<pre>'; var_dump($_GET); echo '</pre>'; ?>

            <p>Output String Length:
                <?php echo strlen($_GET['OutputText']);  ?> </p>

        </body>

        </html>

Upvotes: 1

DaFois
DaFois

Reputation: 2223

Textarea must be inside the form tag, and the method must be GET (or POST) try this:

    <!DOCTYPE html>
    <html lang="">

    <head>
        <title></title>
        <meta charset="utf-8">
    </head>
    <body>
        <form action="#" method="GET">
            <textarea name="InputText">hi</textarea>
            <input type="submit" name="submitFirstInput">
            <textarea name="OutputText"><?php echo $_GET['InputText']; ?></textarea>
        </form>
        <hr>
        <?php //echo '<pre>'; var_dump($_GET); echo '</pre>'; ?>

        <p>Output String Length: <?php echo strlen($_GET['OutputText']);  ?> </p>

    </body>
</html>

Upvotes: 0

Related Questions