在单击html表时更改行值，如phpMyAdmin
我基本上是在尝试使用一种简单的方法来编辑存储在mySQL数据库中的表，但不想使用不同的编辑页面，因此我的理论是： 像往常一样显示HTML表中的所有数据，如下所示在单击html表时更改行值，如phpMyAdmin,php,html,mysql,ajax,Php,Html,Mysql,Ajax,我基本上是在尝试使用一种简单的方法来编辑存储在mySQL数据库中的表，但不想使用不同的编辑页面，因此我的理论是： 像往常一样显示HTML表中的所有数据，如下所示 <table class="table table-bordered sortable"> <thead> <tr> <th>Marchant</th> <th>URL</th&g
<table class="table table-bordered sortable">
<thead>
<tr>
<th>Marchant</th>
<th>URL</th>
<th>Status</th>
<th>Sold</th>
<th>Deals</th>
<th>Sites</th>
<th>Found</th>
<th>Seen</th>
</tr>
</thead>
<tbody>
<tr>
<td>value</td>
<td></td>
<td></td>
<td>Sold here</td>
<td>Deals here</td>
<td>Sites here</td>
<td>null</td>
<td>null</td>
</tr>
</tbody>
问题是，我该怎么做，这可能吗？如果使用jQuery，签出是一个好方法 这背后的想法是在表格单元格上设置一个click事件监听器，在该监听器中附加一个带有TD内容的可编辑textarea/form
在更改或提交数据时，数据通过ajax请求发送到服务器，服务器会更新数据库，并最终返回经过清理的数据，您可以使用这些数据更新TD内容。如果使用jQuery，签出是一个好方法 这背后的想法是在表格单元格上设置一个click事件监听器，在该监听器中附加一个带有TD内容的可编辑textarea/form 在更改或提交数据时，数据通过ajax请求发送到服务器，服务器更新数据库并最终返回经过消毒的数据，您可以用它更新TD内容。是的，这是可能的 大部分是前端 下面是单击单元格后创建输入的示例。jQuery
// once page is loaded
$(document).ready(function() {
// adding an event when the user clicks on <td>
$('td').click(function() {
// create input for editing
var editarea = document.createElement('input');
editarea.setAttribute('type', 'text');
// put current value in it
editarea.setAttribute('value', $(this).html());
// rewrite current value with edit area
$(this).html(editarea);
// set focus to newly created input
$(editarea).focus();
});
});
// once page is loaded
$(document).ready(function() {
// adding an event when the user clicks on <td>
$('td').click(function() {
// create input for editing
var editarea = document.createElement('input');
editarea.setAttribute('type', 'text');
// put current value in it
editarea.setAttribute('value', $(this).html());
// rewrite current value with edit area
$(this).html(editarea);
// set focus to newly created input
$(editarea).focus();
});
});