您的位置:首页 > Web前端 > JavaScript

纯js动态生成表格

2010-04-09 11:52 363 查看
//点击一次,增加一行表格
function addrow(){
var table=document.getElementById("table");
var tablerow=table.rows.length;
var nextRow =table.insertRow(tablerow);
var newCellCartonNo = nextRow.insertCell();
newCellCartonNo.innerHTML = tablerow;
newCellCartonNo.setAttribute("align","center");
var newCellCartonNo1 = nextRow.insertCell(1);
newCellCartonNo1.innerHTML = "<input name='xhao'>";
newCellCartonNo1.setAttribute("align","center");
var newCellCartonNo2 = nextRow.insertCell(2);
newCellCartonNo2.innerHTML = "<input name='guandanhao' >";
newCellCartonNo2.setAttribute("align","center");
var newCellCartonNo3 = nextRow.insertCell(3);
newCellCartonNo3.innerHTML = "<input name='fenghao'>";
newCellCartonNo3.setAttribute("align","center");
var newCellCartonNo4 = nextRow.insertCell(4);
newCellCartonNo4.innerHTML = "<input name='jianshu'>";
newCellCartonNo4.setAttribute("align","center");
}
//每点击一次删除一行
function delrow(){
var table=document.getElementById("table");
var tablerow=table.rows.length;
if(tablerow>1){
table.deleteRow(tablerow-1);
}else{
alert("不能删除表头");
}
}

//获取表单信息

function add{

var table=document.getElementById("table");
var tablerow=table.rows.length;
var list=new Array();
for(var i=0;i<tablerow-1;i++){
var xhao=document.getElementsByName("xhao")[i].value;
var guandanhao=document.getElementsByName("guandanhao")[i].value;
var fenghao=document.getElementsByName("fenghao")[i].value;
var jianshu=document.getElementsByName("jianshu")[i].value;
if(xhao==""){
break;
}
if(xhao!=""){
if(guandanhao==""){
alert("关单号不能为空");
return false;
} if(fenghao==""){
alert("封号不能为空");
return false;
} if(jianshu==""){
alert("件数不能为空");
return false;
}
}
strString=xhao+","+guandanhao+","+fenghao+","+jianshu;
list[i]=strString;
}

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: