单击html表的删除列的单元格(td = x),从数据库中删除表行

时间:2016-01-09 10:07:31

标签: php jquery html mysql

我有html表显示列 - 客户端名称,员工姓名和事项,而在我的数据库中我有id,date,client_name,staff,matter列。那不是问题。我想删除按钮点击的行,所以我刚添加了一个列删除,其中包含id-“del”的按钮,是的,我的数据库中不存在此列。现在我想删除我的表中的行以及使用Jquery点击相应按钮的数据库。我怎么做?  这是我到目前为止所尝试的 -

$(document).ready(function(){   

$('#tableresult').on('click', '#del', (function(){
    var row = $(this).attr('id');
    $(#tableresult).removeRow(row);
});

});

我的HTML -

<td class="delete_td"><button id="del" btn btn-danger>&times;</button></td>

这是我的html表格代码 -

<table class="footable" data-filter="#filter" id="tableresult">
                               <thead>

                                <th>Client name</th>
                                 <th>Staff name</th>
                                 <th>Matter</th>
                                 <th> Delete</th>
                              </thead>

 <?php
include('db.php');
$sql=mysql_query("select * from newdata");
while($row=mysql_fetch_array($sql))
{
$id=$row['id'];
$clientname=$row['client_name'];
$staff=$row['staff'];
$matter=$row['matter'];

?>
<tr id="<?php echo $id; ?>" class="edit_tr">

<td class="edit_td" >
<span id="client_<?php echo $id; ?>" class="text"><?php echo $clientname; ?></span>
<input type="text" value="<?php echo $clientname; ?>" class="editbox" id="client_input_<?php echo $id; ?>" /&gt;
</td>

<td class="edit_td">
<span id="staff_<?php echo $id; ?>" class="text"><?php echo $staff; ?></span> 
<input type="text" value="<?php echo $staff; ?>" class="editbox" id="staff_input_<?php echo $id; ?>"/>
</td>

<td class="edit_td">
<span id="matter_<?php echo $id; ?>" class="text"><?php echo $matter; ?></span> 
<input type="text" value="<?php echo $matter; ?>" class="editbox" id="matter_input_<?php echo $id; ?>"/>
</td>

<td class="delete_td"><button id="del" btn btn-danger>&times;</button></td>

</tr>



<?php
}
?>

</tbody>
  <tfoot class="hide-if-no-paging">
    <th>                       </th>
     <th>
        <div class="pagination pagination-centered"></div>
     </th>
    <th>             </th>
    <th>             </th>
  </tfoot>
</table>

这是我的table_edit.js代码 - 看看这是否有任何相关性

$(document).ready(function()
{
$(".edit_tr").click(function()
{
var ID=$(this).attr('id');
$("#client_"+ID).hide();
$("#staff_"+ID).hide();
$("#matter_"+ID).hide();
$("#client_input_"+ID).show();
$("#staff_input_"+ID).show();
$("#matter_input_"+ID).show();
}).change(function()
{
var ID=$(this).attr('id');
var client=$("#client_input_"+ID).val();
var staff=$("#staff_input_"+ID).val();
var matter=$("#matter_input_"+ID).val();
var dataString = 'id='+ ID +'&clientname='+client+'&staff='+staff+'&matter='+matter;
//$("#client_"+ID).html('<img src="load.gif" />'); // Loading image

if(client.length>0 && staff.length>0 && matter.length>0)
{

$.ajax({
type: "POST",
url: "table_edit_ajax.php",
data: dataString,
cache: false,
success: function(html)
{
$("#client_"+ID).html(client);
$("#staff_"+ID).html(staff);
$("#matter_"+ID).html(matter);
}
});
}
else
{
 alert('enter something');
}

});

// Edit input box click action
$(".editbox").mouseup(function() 
{
return false
});

// Outside click action
$(document).mouseup(function()
{
$(".editbox").hide();
$(".text").show();
});

});

2 个答案:

答案 0 :(得分:0)

你的js应该像

include 'config.php' // DB Connection
$id = $_GET['id'];
$sql = mysql_query("DELETE FROM TABLE_NAME WHERE id = '$id'");

和delete.php

Brendans-MacBook-Pro:TestProject brendan.whiting$ python --version
Python 3.5.0
Brendans-MacBook-Pro:TestProject brendan.whiting$ pip install virtualenv
Requirement already satisfied (use --upgrade to upgrade): virtualenv in /Users/brendan.whiting/Library/Python/3.5/lib/python/site-packages
Brendans-MacBook-Pro:TestProject brendan.whiting$ virtualenv venv
-bash: virtualenv: command not found
Brendans-MacBook-Pro:TestProject brendan.whiting$ 

答案 1 :(得分:0)

试试这个

$("#del").click(function () {
            var row = $(this).attr('temp_id');
            $.ajax({
                type: "GET",
                url: 'http://yoursite_url/delete.php',
                data: {id: row},
                success: function (result) {
                    $('#row').remove();
                }
            });
        });

按此更改按钮

<button id="del" temp_id="<?php echo $id; ?>"  class="btn btn-danger">&times;</button>

AND delete.php include 'config.php'; $id = $_GET['id']; $sql = mysql_query("DELETE FROM TABLE_NAME WHERE id = '$id'");