使用表格數據填寫表格

所以我有一個表格，我通過它向我的數據庫添加條目，我試圖使用相同的表格來更新/編輯數據庫中的現有記錄。使用表格數據填寫表格

我的頁面由添加數據的表格和顯示現有數據的表格組成。對於每個條目，現有數據表都有一列編輯，該表使用php動態填充。

這就是我想要的，當用戶點擊任何行的編輯按鈕時，該行中的數據應該自動填充到表單中。

我做了一個的jsfiddle here

JS腳本我曾嘗試：

$("#tableID").on("click", ".edit_button", function() { 
    var data = $(this).closest("td").siblings().map(function() { 
     return $(this).text(); 
    }).toArray(); 

    console.log(data); 
}); // the event is not recognized. no action on clicking.

有相當一些技術，我發現這裏計算器，但大多DONOT響應點擊事件，否則返回null /空值，是因爲表單是動態填充的嗎？

我對web開發很新，任何幫助將不勝感激。謝謝！

注：數據庫包含超過20+的記錄（動態增加），在我的jsfiddle顯示只有1，保持代碼乾淨。比較遺憾的是沒有CSS樣式的：P

來源

2013-10-29 user2529058

你檢查控制檯的任何錯誤是有幫助嗎？在小提琴中添加jquery js到您的代碼 – AmGates

使用您的代碼在document.ready（） – AmGates

document.ready（）中檢測按鈕點擊謝謝!!但數據數組是空的。 – user2529058

$("#tableID").on("click", ".edit_button", function() { 
    var data = $(this).closest("td").siblings().map(function() { 
     return $(this).text(); 
    }).toArray(); 

    console.log(data); 
});

這樣使用可能是

$("#tableID").click(function() { 
    var data = $(this).closest("td").siblings().map(function() { 
     return $(this).text(); 
    }).toArray(); 

    console.log(data); 
});

來源

2013-10-29 06:58:19

使用表格數據填寫表格

回答

相關問題