纯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;
}
}
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;
}
}
相关文章推荐
- js动态生成表格的性能调优
- js 动态生成表格
- js动态生成指定行数的表格
- JS 动态生成表格
- JS动态生成html表格
- JS实现动态生成html table表格的方法分析
- js生成动态表格并为每个单元格添加单击事件的方法
- 从数据库从读取数据动态生成JS表格脚本
- JS动态生成表格+表格高度滚动条
- JS动态生成表格
- js动态设置表格内容,生成HTML文件
- js动态生成表格
- js中生成json对象生成动态表格
- JS控制网页动态生成任意行列数表格的方法
- JS 动态生成日期表格
- js动态生成表格
- js动态生成表格(原创)
- JS实现动态生成表格并提交表格数据向后端
- JS动态生成表格
- JS生成动态表格并为每个单元格添加单击事件的方法