HTML編輯表 - >被編輯字段

我有一個HTML的表HTML編輯表 - >被編輯字段

<table style="width:100%"> 
    <tr> 
    <th>id</th> 
    <th>Lastname</th> 
    <th>Age</th> 
    </tr> 
    <tr> 
    <td>2</td> 
    <td contenteditable="true">Smith</td> 
    <td contenteditable="true">50</td> 
    </tr> 
    <tr> 
    <td>3</td> 
    <td contenteditable="true">Jackson</td> 
    <td contenteditable="true">94</td> 
    </tr> 
</table>

（只是一個測試表）

它是可編輯的，但如何讓所有的行（ID爲）被編輯，將它們發送到PHP-Backend，它將更改保存到數據庫？

在此先感謝，帕特里克。

來源

2017-01-16 Patrick

您可以循環表格，獲取所需的數據，然後將其發送到您的服務器。 – Pipe

但是我怎樣才能知道哪些列被編輯？ – Patrick

您可以隨時創建存儲修改內容的日誌，日誌總是很好。 – Option

只要字段內容發生更改，您就可以將ID保存在數組中。這裏是工作示例：https://jsfiddle.net/79egs9tc/

var idArr = []; 
$(".edited").focusout(function() { 
    var id = $(this).parent().attr('id'); 
    if($.inArray(id, idArr) === -1){ 
     idArr.push(id); 
    } 
    console.log(idArr); 
});

的內容變化與否，您可以添加檢查。希望，它會爲你工作。

來源

2017-01-16 14:05:17

謝謝，這是工作。 – Patrick

HTML編輯表 - >被編輯字段

回答

相關問題