JavaScript - проблем при вземане на данни от textarea

+8 гласа
99 прегледа
попитан 2016 юли 9 в PHP от woodmonster (280 точки)

Здравейте! Моя проблем е следния:

Искам да взема целия HTML от div container, да го сложа като стойност в скрито инпут поле и да го покажа на потребителя със същия CSS, както е стилизиран преди събмита на информацията, като изключа само таговете textarea. Вместо таговете textarea искам да покажа на потребителя информацията която ще идва от тези полета (textarea). До тук добре всичко ми се получава, НО когато сменя стойноста на текстовите полета с друга javascript-а не ми хваща промените в textarea-та! Ето го и кода - моля кажете къде бъркам!

<!DOCTYPE html>
<html>
    <head>
        <title>Test</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
    </head>
    <body>
        <?php
        if(isset($_POST['save'])){
            $scrita = $_POST['hid'];
            $scritaInsert = strip_tags($scrita, '<p><n><nz><font><bl><br><r><chh>');
            echo $scritaInsert;
            exit; //just for the test
        }
        ?>
        <form method="POST">
            <input type="submit" name="save" class="btn-style" value="Save" id="submitContainer"/>
            <input type="hidden" name="hid" id="hid"/>
        </form>
        <div id="container">
            <p style="text-align: center;font-weight: bold;font-size: 23px;color: black;">CocaCola</p>
            <p style="text-align: center; color: black; font-size:16px; text-decoration: underline;">
                The address
            </p>

            <p style="font-weight: bold; color: black;">
                To: <textarea name="do" style="width: 920px; max-width: 100%; height: 18px;">CocaCola Company</textarea>
            </p>

            <p style="font-weight: bold; color: black;">
                Attention: <textarea  name="vnimanieto" style="width: 830px; max-width: 100%; height: 18px;">CocaCola Company</textarea>
            </p>

            <p style="text-align: center;font-weight: bold;font-size: 19px;color: black;">
                CONTRACT<br>
            <n style="text-align: center;font-size: 16px;color: black;">
                For transport
            </n><br>
            <nz style="text-align: center;"><textarea name="nomer" style="width: 60px; max-width: 100%; height: 18px;">1737</textarea>
                Date:<textarea name="date" style="width: 90px; max-width: 100%; height: 18px;" id="date">25.05.2016</textarea>
            </nz>
        </p>
    </div>
    </body>
</html>
<script type="text/javascript">
    $('#submitContainer').click(function(){
         $('.picker').html('');
        var content = $('#container').html();
        $('#hid').val(content);
    });
</script>

1 отговор

+2 гласа
отговорени 2016 юли 10 от woodmonster (280 точки)
Промених javascript кода на:

<script type="text/javascript">
            $('#submitContainer').click(function(){
            $('.picker').html('');
            $("textarea").each(function() {$(this).text($(this).val());});
            var content = $('#container').html();
            $('#hid').val(content);
        });
</script>

и сега кода ми работи!
...