各位大哥帮帮忙、谢谢！
页面中有一个表格、只有一个表头，旁边有一个按钮。当点击增加按钮的时候、会增加一个tr，每个tr里面有七个td,每个td里面有一个文本框。文本框里是会写数据的、增加几个tr不确定。提交这个表单时怎么获取并保存这些 td 里文本框的值。
[解决办法]
各位大哥，如何实现上传下载呀，java
[解决办法]
把每一列的td的id定义为同样的名字，后台可以得到相应的一个数组，数组的长度就是tr的行数。
[解决办法]
<!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=utf-8"> <script type="text/javascript"> function addPerson(){ //1创建<td>对象 var nameTd = document.createElement("td"); var nameInput = document.createElement("input"); nameInput.setAttribute("name", "name");// 给<input>标签的name属性赋值为name <input type='text' name='name'> nameTd.appendChild(nameInput); var birthTd = document.createElement("td"); var birthInput = document.createElement("input"); birthInput.setAttribute("name", "birth"); birthTd.appendChild(birthInput); var emailTd = document.createElement("td"); var emailInput = document.createElement("input"); emailInput.setAttribute("name", "email");// 给<input>标签的name属性赋值为email emailTd.appendChild(emailInput); //增加一个删除按钮(难点) var delTd = document.createElement("td"); var delInput = document.createElement("input"); delInput.value="delPsrson"; delInput.type="button"; /*两个注意点： * 1加入了onclick属性 * 2赋值时不能这样写：=delPerson(this)，这表示传的是调用函数的值 */ delInput.onclick=function(){ delPerson(this); //表示调用delPerson()方法 }; delTd.appendChild(delInput); //32创建tr var tr = document.createElement("tr"); tr.appendChild(nameTd); tr.appendChild(birthTd); tr.appendChild(emailTd); tr.appendChild(delTd); //3添加tr var tb = document.getElementById("tb"); tb.appendChild(tr); } function delPerson(tag){ //注意不要写delete，是JS中的关键字 var tr = tag.parentNode.parentNode; var tb = document.getElementById("tb"); tb.removeChild(tr); } function getPerson(){ var name = document.getElementsByName("name"); var birth = document.getElementsByName("birth"); var email = document.getElementsByName("email"); for(var i=0;i<name.length;i++){ alert(name[i].value+" "+birth[i].value+" "+email[i].value); } } </script> </head> <body id="b"> <input type="button" value="add person" onclick="addPerson();"/> <input type="button" value="get person" onclick="getPerson();"/> <table border=2> <tbody id="tb"> <tr> <td>suns</td> <td>1799-2-2</td> <td>su@123.com</td> <td><input type="button" value="del" onclick="delPerson(this);"/></td> </tr> <tr> <td>suns2</td> <td>1222-1-1</td> <td>su2@123.com</td> <td><input type="button" value="del" onclick="delPerson(this);"/></td> </tr> <tr> <td>suns3</td> <td>1332-1-1</td> <td>su3@123.com</td> <td><input type="button" value="del" onclick="delPerson(this);"/></td> </tr> </tbody> </table> </body></html>
[解决办法]
var getlist = new Array();var mainTable = document.getElementById("mainTable");//获取你的table var rows = mainTable.rows;//获取所有的行 for(var i=1;i<rows.length;i++){//遍历行 一般第一行是标题,从第二行开始遍历 var currentRow=rows[i]; var tabInfoObj = new Object();//获取每行的值放入一个对象 tabInfoObj.chineseName = currentRow.cells[0].firstChild.value; tabInfoObj.fieldName = currentRow.cells[1].firstChild.value tabInfoObj.fieldType = currentRow.cells[2].firstChild.value tabInfoObj.length = currentRow.cells[3].firstChild.value tabInfoObj.isAllowNull = currentRow.cells[4].firstChild.value getlist[getlist.length]=tabInfoObj } var jsonlist ='';//在此可以生成json串。var jsonString = JSON.stringify(getlist);