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

super_hover 2010-01-29 04:31:58

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>

...全文