求一个js答案

好实现。 baidu就能搜到。

//窗口表格增加一行
function addNewRow() {
var item_index;
var impDocTable = document.getElementById("tableOnlineEdit");
var rows = impDocTable.rows.length;
var colsNum = impDocTable.rows(rows - 1).cells.length;

var row = impDocTable.insertRow(rows);//插入新行

for ( var i = 0; i < colsNum; i++) {
var newTdObj = row.insertCell(i);
if (i == 0) {

var rows = parseInt(
impDocTable.rows(rows - 1).cells(i).innerText, 10);
if (!isNaN(rows)){
    newTdObj.align = 'center';
newTdObj.innerText = rows + 1;
}
else{
    newTdObj.align = 'center';
newTdObj.innerText = 1;
}
} else {
var cell1 = row.insertCell(1);
cell1.align = 'center';
cell1.innerHTML = '<input type="checkbox" name="select" checked="true">';
var cell2 = row.insertCell(2);
cell2.innerHTML = '<input type="text" name="materialid" maxlength="30" onblur="getVendorList(this);"  onkeydown="filterKey()"> <img name="queryImg1" alt="查询" src="${ctx }/images/select.gif" onclick="queryMaterial(this);"/>';
var cell3 = row.insertCell(3);
cell3.innerHTML = '<select name="vendorid" style="width:140px" onchange="getBalance(this);"><option value="">---请选择---</option></select>';
//var cell4 = row.insertCell(4);
//cell4.innerHTML = '<select name="materialstate" style="width:120px"><option value="">----请选择----</option><c:forEach items="${materialstateList}" var="materialstate"><option value="${materialstate.dicno}">${materialstate.dicname}</option></c:forEach></select>';
var cell4 = row.insertCell(4);
cell4.innerHTML = '<input type="text" name="balance" class="text0_l" readonly="readonly" style="width:110px">';
var cell5 = row.insertCell(5);
cell5.align = 'center';
cell5.innerHTML = '<input type="text" name="billqty" maxlength="10" onkeydown="filterKey()" onblur="isInt(this,\'小票数量\')"> <input type="hidden" name="unit"  onkeydown="filterKey()" value=""> <input type="hidden" name="warehouseid"  onkeydown="filterKey()" value=""> ';
//var cell6 = row.insertCell(6);
//cell6.innerHTML = '<select name="unit" style="width: 140px"><option value="">---请选择---</option><c:forEach items="${unitList}" var="unit"><option value="${unit.unitid}">${unit.unitname}</option></c:forEach></select>';
document.billForm.delButton.disabled = false;
break;
}
}
}

function removeRow() {
var chkObj = document.all.select;
var tabObj = document.all.tableOnlineEdit

if (chkObj.length > 1) {
for ( var k = 0; k < chkObj.length; k++) {
if (document.all.select[k].checked) {
tabObj.deleteRow(k + 1);
k = -1;
}
}
} else {
if (document.all.select.checked) {
tabObj.deleteRow(1);
}
}
var len = document.getElementsByName("select");
if (len.length == 0) {
document.billForm.delButton.disabled = true;

}
}

<%@ page language="java" contentType="text/html; charset=GB18030"
pageEncoding="GB18030"%><%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>Insert title here</title>
<script type="text/javascript">
function addMore(){
//alert('addMore on check!!!');
var td=document.getElementById("more");

//创建html元素
var br=document.createElement("br");
var input=document.createElement("input");
var button=document.createElement("input");

input.type="file";
input.name="file";

button.type="button";
button.value="Remove";

td.appendChild(br);
td.appendChild(input);
td.appendChild(button);

button.onclick=function(){
//alert('ddd');

td.removeChild(br);
td.removeChild(input);
td.removeChild(button);
}
}
</script>
</head>
<body>
<table align="center" width="40%">
<tr>
<td>
<s:fielderror cssStyle="color:'red'" />
</td>
</tr>
</table>
<s:form action="upload" theme="simple" enctype="multipart/form-data"
method="post">
<table align="center" width="40%" border="1" id="tab">
<tr>
<td>
username:
</td>
<td>
<s:textfield name="username" />
</td>
</tr> <tr>
<td>
password:
</td>
<td>
<s:password name="password" />
</td>
</tr> <tr>
<td>
files:
</td>
<td id="more">
<s:file name="file" />
<input type="button" value="Add More.." onclick="addMore()">
</td>
</tr> <tr>
<td>
<s:submit />
</td>
<td>
<s:reset />
</td>
</tr> </table> </s:form> </body>
</html>

//添加选项
function addTableOptions(goodName,goodId)
{
var goodsTable = document.getElementById("goodsTable");
     //创建tbody元素
    var tbody = document.createElement("tbody");
    //创建行元素
    var rows = document.createElement("tr");

    //创建单元格
    var cell = document.createElement("td");
    var content = document.createTextNode(goodName);
    var cell2 = document.createElement("td");
    var content2 = document.createTextNode(goodId);

    //将创建的单元格添加至行元素
    cell2.appendChild(content2);
    rows.appendChild(cell2);
    cell.appendChild(content);
    rows.appendChild(cell);

    //将行元素添加至tbody
    tbody.appendChild(rows);
    goodsTable.appendChild(tbody);
}
大概的就这样DOM

解决方案 »