如何提交js插入行的数据

程序员文章站 2023-12-23 16:14:10

...

用js写了一个动态插入行，每个字段都是input，并且整个table都是form里面，用post提交，貌似提交不了。
该如何获得js插入行的每个input的值呢？

回复讨论(解决方案)

同名表单控件要用数组方式命名

这样命名。

什么叫‘提交不了’？建议把问题仔细描述一下。最好把代码也贴一下。

post提交？提交不了？
你是用js提交？贴出input 标签属性看看，看你是否正确获取到input属性的值。

什么叫‘提交不了’？建议把问题仔细描述一下。最好把代码也贴一下。

代码比较多，请各位看官慢看。

一：动态增加行的js代码
var index;
index = 1;
function insertRow(){
var s1 = "";
var s2 = "";
var s3 = "";
var s4 = "";
var s5 = "";
var s6 = "";
var s7 = "";
var s8 = "";
var s9 = "";
var s10 = "

";

var table = document.getElementById('table1');
row = table.insertRow(index);
/*insertRow() 方法用于在表格中的指定位置插入一个新行。
语法tableObject.insertRow(index)
返回值返回一个 TableRow，表示新插入的行。
说明
该方法创建一个新的 TableRow 对象，表示一个新的
标记，并把它插入表中的指定位置。
新行将被插入 index 所在行之前。若 index
等于表中的行数，则新行将被附加到表的末尾。
如果表是空的，则新行将被插入到一个新的段，该段自身会被插入表中。
num = document.getElementById("tbl").rows.length;
R = tbl.insertRow(num-2); //倒数第2行插入
抛出
若参数 index 小于 0 或大于等于表中的行数，该方法将抛出代码为 INDEX_SIZE_ERR 的 DOMException 异常。*/
row.id = "tr" + index;
c1 = row.insertCell(-1);//插入列td，一个一个插入，代码用innerHTML写入
c1.innerHTML = s1;

c2 = row.insertCell(-1);
c2.innerHTML = s2;

c3 = row.insertCell(-1);
c3.innerHTML = s3;

c4 = row.insertCell(-1);
c4.innerHTML = s4;

c5 = row.insertCell(-1);
c5.innerHTML = s5;

c6 = row.insertCell(-1);
c6.innerHTML = s6;

c7 = row.insertCell(-1);
c7.innerHTML = s7;

c8 = row.insertCell(-1);
c8.innerHTML = s8;

c9 = row.insertCell(-1);
c9.innerHTML = s9;

c10 = row.insertCell(-1);
c10.innerHTML = s10;

}
function delRow(index){

var table = document.getElementById('table1');
table.deleteRow(document.getElementById("tr" + index).rowIndex);
this.index = this.index - 1;

二.FORM内容

职务	办公地点	分机号	秘书	分机号	outlook修改时间	outlook有效期	VPN有效期	Token有效期	删除

三.提交页面proinsert.php关键代码
if($_POST["mysubmit"]=='提交' ) {
$exec="replace INTO profile (id,enname,chname, duty, place,ephone,sec, sphone, olset, olex,vpnex,tokenex,person,dtime)
VALUES
('$_POST[id]','$_POST[enname]','$_POST[chname]','$_POST[duty]','$_POST[place]','$_POST[ephone]','$_POST[sec]','$_POST[sphone]','$_POST[olset]','$_POST[olex]','$_POST[vpnex]','$_POST[tokenex]','$_POST[person]',now())";
if (!mysql_query($exec,$con))
{
die('数据库错误提示: ' . mysql_error());
}

header("Location:detail.php?enname=$enname");
}
mysql_close($con);

innerHTML方式插入在某些浏览器中貌似不认，建议改成appendChild方式插入，或者直接用jquery的append( )方法插入