Динамическое добавление данных на страницу HTML - PullRequest
Новая
       18

Динамическое добавление данных на страницу HTML

0 голосов
/ 12 марта 2010

На html-странице, использующей jQuery или JavaScript, как можно достичь следующего?

Пользователь вводит вопрос в текстовой области и нажимает кнопку ввода, после чего тот же вопрос должен динамически отображаться на странице под текстовой областью, и пользователь может ввести столько вопросов.

И когда пользователь закончил, страница отправляется через кнопку отправки.

Можете ли вы дать небольшой намек на то, как это можно сделать?

Ответы [ 2 ]

3 голосов
/ 12 марта 2010

Попробуйте, чтобы начать: 

<!DOCTYPE html>
<html>
<head>
  <title>Example</title>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      $('#textareabutton').click(function(){
        var q  = $('#textarea').val(),
            $p = $('<p>').html( q );
        $('#questions').append( $p );
      });
      $('#submit').click(function(){
        var tab;
        tab = $('#questions p').serializeArray();
        // now do something with $.ajax to submit the questions
        $.post("myphp.php",tab,function(resp){
          // what do I do with the server's reply ???
        });
      });
    });
  </script>
  <style type="text/css">
  </style>
</head>
<body>
  <textarea id='textarea'></textarea>
  <button type='button' id='textareabutton'>Add question</button>
  <div id='questions'></div>
  <button type='button' id='submit'>Submit questions</button>
</body>
</html>
0 голосов
/ 12 марта 2010

Используйте свойство innerHTML для div, чтобы добавить вопросы в.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...