大虾们帮帮忙,关于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>
...全文
45 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
donet_expert 2010-01-29
  • 打赏
  • 举报
回复
为什么不用asp.net来做呢,gridview来处理这个很容易的。

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧