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

0 Потребители и 1 Гост преглежда(т) тази тема.

woodmonster

  • Newbie
  • *
  • Благодарности
  • -Казани: 0
  • -Получени: 0
  • Публикации: 12
Здравейте! Моля за малко помощ!

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

Код: HTML
  1. <!DOCTYPE html>
  2.     <head>
  3.         <title>Test</title>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.         <script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
  6.     </head>
  7.     <body>
  8.         <?php
  9.        if(isset($_POST['save'])){
  10.            $scrita = $_POST['hid'];
  11.            $scritaInsert = strip_tags($scrita, '<p><n><nz><font><bl><br><r><chh>');
  12.             echo $scritaInsert;
  13.             exit; //just for the test
  14.         }
  15.         ?>
  16.         <form method="POST">
  17.             <input type="submit" name="save" class="btn-style" value="Save" id="submitContainer"/>
  18.             <input type="hidden" name="hid" id="hid"/>
  19.         </form>
  20.         <div id="container">
  21.             <p style="text-align: center;font-weight: bold;font-size: 23px;color: black;">CocaCola</p>
  22.             <p style="text-align: center; color: black; font-size:16px; text-decoration: underline;">
  23.                 The address
  24.             </p>
  25.  
  26.             <p style="font-weight: bold; color: black;">
  27.                 To: <textarea name="do" style="width: 920px; max-width: 100%; height: 18px;">CocaCola Company</textarea>
  28.             </p>
  29.  
  30.             <p style="font-weight: bold; color: black;">
  31.                 Attention: <textarea  name="vnimanieto" style="width: 830px; max-width: 100%; height: 18px;">CocaCola Company</textarea>
  32.             </p>
  33.  
  34.             <p style="text-align: center;font-weight: bold;font-size: 19px;color: black;">
  35.                 CONTRACT<br>
  36.             <n style="text-align: center;font-size: 16px;color: black;">
  37.                 For transport
  38.             </n><br>
  39.             <nz style="text-align: center;"><textarea name="nomer" style="width: 60px; max-width: 100%; height: 18px;">1737</textarea>
  40.                 Date:<textarea name="date" style="width: 90px; max-width: 100%; height: 18px;" id="date">25.05.2016</textarea>
  41.             </nz>
  42.         </p>
  43.     </div>
  44.     <script type="text/javascript">
  45.     $('#submitContainer').click(function(){
  46.          $('.picker').html('');
  47.          var content = $('#container').html();
  48.          $('#hid').val(content);
  49.     });
  50.     </script>
  51.     </body>
  52. </html>

Ето и снимка - която показва какво точно желая -
« Последна редакция: 10 Юли 2016, 16:40:02 от Avalanche »

woodmonster

  • Newbie
  • *
  • Благодарности
  • -Казани: 0
  • -Получени: 0
  • Публикации: 12
Намерих решение на проблема! Смених javascript-a с
Код: Javascript
  1. <script type="text/javascript">
  2.             $('#submitContainer').click(function(){
  3.             $('.picker').html('');
  4.             $("textarea").each(function() {$(this).text($(this).val());});
  5.             var content = $('#container').html();
  6.             $('#hid').val(content);
  7.         });
  8.         </script>
Сега всичко работи!
« Последна редакция: 10 Юли 2016, 16:39:32 от Avalanche »