大虾们帮帮忙，关于js表单的问题

1 我想在点击工作记录时 下面出现一个大的文本框 在这个大文本框进行编写  但是在下面添加后的工作记录一栏中只是部分显示
2 我的删除有问题、、、、不会改、、、、、、、
谢谢啊~~~~~~~我完全是菜鸟不懂。
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>DOM操作XML文档-www.codefans.net</title> 
<script language="javascript"> 
function loadXML()
{ 
       var url = "MyXml.xml"; 
       if(document.implementation&&document.implementation.createDocument)
       { 
              var xmldoc = document.implementation.createDocument("", "", null); 
              xmldoc.onload =   makeTable(xmldoc, url); 
              xmldoc.load(url); 
       } 
       else if(window.ActiveXObject)
       { 
             var xmldoc = new ActiveXObject("Microsoft.XMLDOM"); 
              xmldoc.onreadystatechange = function() { 
                     if(xmldoc.readyState == 4) 
                     {
                         makeTable(xmldoc, url);
                     }
              } 
              xmldoc.load(url); 
       } 
} function makeTable(xmldoc, url)
{ 
       var table = document.createElement("table"); 
       table.setAttribute("border","1"); 
       table.setAttribute("width","900"); 
       table.setAttribute("style","border:solid 1px #000000;"); 
   table.setAttribute("id","table1");
       document.body.appendChild(table); 
       var caption = " " ; 
       table.createCaption().appendChild(document.createTextNode(caption)); 
       var header = table.createTHead(); 
       var headerrow = header.insertRow(0); 
       headerrow.insertCell(0).appendChild(document.createTextNode("开始时间")); 
       headerrow.insertCell(1).appendChild(document.createTextNode("结束时间")); 
       headerrow.insertCell(2).appendChild(document.createTextNode("状态")); 
   headerrow.insertCell(3).appendChild(document.createTextNode("工作内容"));
   headerrow.insertCell(4).appendChild(document.createTextNode("操作")); 
        var employees = xmldoc.getElementsByTagName("employee"); 
       for(var i=0;i<employees.length;i++)
       { 
             var e = employees[i]; 
              var start_time = e.getAttribute("start_time"); 
              var end_time = e.getElementsByTagName("end_time")[0].firstChild.data; 
              var state = e.getElementsByTagName("state")[0].firstChild.data;
  var work_record = e.getElementsByTagName("work_record")[0].firstChild.data; 
 
              var row = table.insertRow(i+1); 
              row.insertCell(0).appendChild(document.createTextNode(start_time)); 
              row.insertCell(1).appendChild(document.createTextNode(end_time)); 
              row.insertCell(2).appendChild(document.createTextNode(state)); 
              row.insertCell(3).appendChild(document.createTextNode(work_record));        } 
    
          var deleteButton = document.createElement("option");
          deleteButton.setAttribute("type", "button");
          deleteButton.setAttribute("value", "删除");
          deleteButton.onclick = function () { deleteSort(start_time); };
          deleteButton.onclick = function () { deleteSort(end_time); };
          deleteButton.onclick = function () { deleteSort(state); };
          deleteButton.onclick = function () { deleteSort(work_record); };          cell = document.createElement("td");
          cell.appendChild(deleteButton);
          row.appendChild(cell); 
          document.getElementById("sortList").appendChild(row);
      //清空输入框
          document.getElementById("start_time").value = "";
          document.getElementById("end_time").value = "";
          document.getElementById("state").value = "";
          document.getElementById("work_record").value = "";
} 
//添加信息
function addRow()
{ 
          var start_time = document.getElementById("start_time").value;
          var end_time = document.getElementById("end_time").value;
          var state = document.getElementById("state").value;
  var work_record = document.getElementById("work_record").value;
          if((start_time == "" ) || (end_time == "") || (state == ""))
          {
                alert("信息输入不完整，请重新输入！");
                document.getElementById("start_time").focus();
                return;
          }
      var table=document.getElementById("table1");
          var row = table.insertRow(1); 
          row.insertCell(0).appendChild(document.createTextNode(start_time)); 
          row.insertCell(1).appendChild(document.createTextNode(end_time)); 
          row.insertCell(2).appendChild(document.createTextNode(state));
          row.insertCell(3).appendChild(document.createTextNode(work_record)); 
 
} 
// 删除分类函数
      function deleteSort(id)
      {
            if (id!=null)
            {
                   var rowToDelete = document.getElementById(id);
                   var sortList = document.getElementById("sortList");
                   sortList.removeChild(rowToDelete);
            }
      }
</script> 
</head> <body onLoad="loadXML()"> <table width="900" height="70" style="width:900px; background-color:#99ccff;">
<tbody> 
      <tr>
          <td align="center" colspan="4"><b>工作记录管理</b></td>
      </tr>
      <tr>
            <td width="174" height="20">增加工作记录</td>
            <td width="171" height="20">
                开始时间：
                  <select name="select" id="start_time">
                    <option value="8：30">8：30</option>
                    <option value="9：30">9：30</option>
                    <option value="10：30">10：30</option>
                  </select></td>
            <td width="154" height="20">
                 结束时间：
                  
 <select id="end_time">
            <option value="9：30">9：30</option>
            <option value="10：30">10：30</option>
            <option value="11：15">11:15</option>
          </select>        </td> 
             <td width="118" height="20">
                 状态：
                   
   <select id="state">
                    <option value="完成">完成</option>
                    <option value="继续">继续</option>
                    <option value="延迟">延迟</option>
                    <option value="取消">取消</option>
                  </select>     </td> 
 <td width="187" height="20">
                 工作内容：<input id="work_record" type="text" size="10">        </td>                       
            <td width="68" height="20">
                  <input type="button" id="submit1" value="添加" onclick="addRow()"  />        </td> 
      </tr>
  <tbody id="sortList" ></tbody>
</tbody>
</table>
</body> </html>