多行文本框的输入问题 添加

在多行文本框中自动添加内容， 
点添加时，就会加入 时         间： 
学         历： 
学校名称： 
专业名称： 点撤消时，就会自动撤消文本框刚添加的内容 
请问各位怎么做呢..在线等待... <html><head><title>无标题文档</title>
<script language="javascript">
<!--
    function Add(){
        document.getElementById("textcontent").value = "时    间：\n学    历：\n学校名称：\n专业名称:";
    }
    
    function cancel(){
        document.getElementById("textcontent").value = "";
    }
-->
</script>
</head><body>
<input name="Add" type="button" id="Add" value="添加" onclick="Add()" />
<label>
<input name="Cancel" type="button" id="Cancel" value="撤消" onclick="cancel()" />
</label>
<br />
<textarea id="textcontent" cols="" rows="5"></textarea>
</body>
</html>这样只可以添加一个和撤消一个..我要链续的..
在线等待...

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
      <script>
        var vv, obj;
        function doAdd(){
            obj = document.getElementById("tt");
            vv = obj.value
            var v = "时　　间：\r\n";
            v += "学　　历：\r\n";
            v += "学校名称：\r\n";
            v += "专业名称：\r\n";
            obj.value = vv+v;
        }
        function doClear(){
            obj.value = vv;
        }
      </script>
     </HEAD> <BODY>
      <textarea cols=50 rows=10 id=tt></textarea><br>
      <input type=button value=添加 onclick=doAdd()>
      <input type=button value=撤消 onclick=doClear()>
     </BODY>
    </HTML>