动态地将数据添加到一个HTML页面

问题描述：

在使用jQuery或JavaScript一个htmlpage如何以下操作来实现？动态地将数据添加到一个HTML页面

用户在textarea中输入问题并按下回车按钮，然后在textarea下面的页面中动态显示相同的问题，用户可以输入许多问题。

而用户完成后，通过提交按钮提交页面。

你能给如何可以做到这一点小提示？

您是否尝试过但写这个代码？ – Jeremy 2010-03-12 11:33:23

答

试试这个上手：

<!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>

谢谢....我会尝试这个 – Hulk 2010-03-12 13:01:03

答

使用div的innerHTML属性添加问题。

动态地将数据添加到一个HTML页面

相关推荐