如何提交js插入行的資料

來源:互聯網
上載者:User
用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內容


三.提交頁面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( )方法插入

  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.