Автор Тема: JavaScript - проблем при вземане на данни от textarea (Прочетена 1228 пъти)

woodmonster · « -: 10 Юли 2016, 12:26:23 »

Здравейте! Моля за малко помощ!

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

Код: HTML

<!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>
    <script type="text/javascript">
    $('#submitContainer').click(function(){
         $('.picker').html('');
         var content = $('#container').html();
         $('#hid').val(content);
    });
    </script>
    </body>
</html>

Ето и снимка - която показва какво точно желая -

woodmonster · « **Отговор #1 -:** 10 Юли 2016, 14:47:08 »

Намерих решение на проблема! Смених javascript-a с

Код: 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>

Сега всичко работи!

Новини:

Автор Тема: JavaScript - проблем при вземане на данни от textarea (Прочетена 1228 пъти)

woodmonster

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

woodmonster

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