用JS写一个仿操作记录,函数怎么写?

图片说明

 <form action="" name="form1" id="form1" target="nm_iframe">
        ID: <input type="text" name="listId" id="listId"> <br>语文:
        <input type="text" name="listYuwen" id="listYuwen" onblur="zcj()">
        <br>数学: <input type="text" name="listShuxue" id="listShuxue"
            onblur="zcj()"> <br>外语: <input type="text"
            name="listWaiyu" id="listWaiyu" onblur="zcj()"> <br>总成绩:
        <input type="text" name="listZonghe" id="listZonghe"> <br>
        <h1>操作记录:</h1>
        <textarea name="textfield3" id="textfield3" cols="80" rows="20"></textarea>
        <br> <input type="button" value="新增成绩" type="submit"
            id="id_submit" name="nm_submit"
            onclick="form1.action='doInitMylist.jsp';form1.submit();jl();" /> <input
            type="button" value="删除成绩" type="submit" id="id_submit"
            name="nm_submit"
            onclick="form1.action='dodelete.jsp';form1.submit();"> <input
            type="button" value="修改成绩 " type="submit" id="id_submit"
            name="nm_submit"
            onclick="form1.action='changeMylist.jsp';form1.submit();">
    </form>
想实现的功能如示例图,我点击增加按钮,下面文本域就写一条增加信息,如果我再点击一次增加就继续加入一条增加信息,不会覆盖上次的信息,追加形式。这个JS函数怎么写,求源码!

图片说明
我的界面代码如图

我的代码如下:


ID:
语文:


数学: onblur="zcj()">
外语: name="listWaiyu" id="listWaiyu" onblur="zcj()">
总成绩:


操作记录:




id="id_submit" name="nm_submit"
onclick="form1.action='doInitMylist.jsp';form1.submit();jl();" /> type="button" value="删除成绩" type="submit" id="id_submit"
name="nm_submit"
onclick="form1.action='dodelete.jsp';form1.submit();"> type="button" value="修改成绩 " type="submit" id="id_submit"
name="nm_submit"
onclick="form1.action='changeMylist.jsp';form1.submit();">
谢谢

http://bbs.csdn.net/topics/392144631?page=1#post-402221503