Javascript 提交表单未连接到多个字段

我在网页上有一个表单，我希望用户能够填写，点击提交，然后在下面的评论部分显示类似“user:[name]在[location]有一个[event]事件，其中包含详细信息[description]”。因此，多个条目将只在彼此下面加载。现在，当我点击submit时，它只会提交描述文本，而不会提交其他内容。我的函数getInfo（）应该显示多个值，但不是。我该怎么补救呢。完整代码链接如下

函数getInfo（）{
text=name.value；
文本=单词。值；
document.getElementById（“para”）.innerHTML+=''+text
document.getElementById（“words”）.value=“输入注释”
document.getElementById（'name'）。value=“输入名称”
}
输入您的姓名：
输入名称
输入名称
输入注释

我使用jquery中的append（如果它真的解决了您的问题，请投票）

函数myFunction（）{
var x=document.getElementById（“产品”）；
var txt=“”；
var all={}；
var i；
对于（i=0；i
              <script type="text/javascript">
                function getInfo() {
                  text = name.value;
                  text = words.value;
                  document.getElementById("para").innerHTML += '<p>'+ text
                  document.getElementById("words").value = "Enter comment"
                  document.getElementById('name').value = "Enter name"
                }
              </script>

              <form method="POST" name='myform'>
                <p>Enter your name:
                  <textarea id='name' rows="1" cols="20">Enter name</textarea>

               <textarea id='name' rows="1" cols="20">Enter name</textarea>

                <textarea id='words' rows="10" cols="20">Enter comment</textarea>
                <input type="button" onclick="getInfo()" value="Submit!" /> <br>
                <p id="para"></p>