将多个表行移动到另一个表而不刷新页面

时间:2014-04-06 08:05:16

标签: php jquery mysql ajax

我从db显示表。我有每行的复选框,我想将选定的行从一个表移动到另一个表"选择表"从没有页面刷新的页面。 ?必须从当前表中删除当前选择。我可以执行查询,例如select * from tab-1,其中id = $ selected。并且还可以将其移动到另一个表,并插入tab_name,依此类推。但不知道怎么做没有刷新和一些很好的效果?可能有jquery任何指针或帮助。

<table id="tab-1">
<thead>
    <tr>
        <th scope="col">Select</th>
        <th scope="col">ID</th>
        <th scope="col">A</th>
        <th scope="col">B</th>
        <th scope="col">C</th>
        <th scope="col">D</th>
        <th scope="col">E</th>
        <th scope="col">E</th>
        <th scope="col">F</th>
        <th scope="col">G</th>
        <th scope="col">H</th>
        <th scope="col">I</th>
        <th scope="col">J</th>
        <th scope="col">k</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td><input type="checkbox" name="checkbox[]" id="checkbox[]" value="<?php echo $row['ID']; ?>"  /></td>
        <td><?php echo $row['ID']; ?></td>
        <td><?php echo $row['A']; ?></td>
        <td><?php echo $row['B']; ?></td>
        <td><?php echo $row['D']; ?></td>
        <td><?php echo $row['E']; ?></td>
        <td><?php echo $row['F']; ?></td>
        <td><?php echo $row['G']; ?></td>
        <td><?php echo $row['H']; ?></td>
        <td><?php echo $row['I']; ?></td>
        <td><?php echo $row['J']; ?></td>
        <td><?php echo $row['K']; ?></td>
        <td><?php echo $row['L']; ?></td>
        <td><?php echo $row['M']; ?></td>
    </tr>
</tbody>
<table>

1 个答案:

答案 0 :(得分:0)

使用jQuery,Ajax就可以做到这一点。

<script>
    $('.checkBox').change(function() {
       var selected = $(this).val();
       $.post('yourfile.php' , {
         selected : selected
       } , function(data){
            alert(data);
        });
    });

    $('.checkBox').mousedown(function() {
        if (!$(this).is(':checked')) {
            $(this).trigger("change");
        }
    });
</script>
<{>>在yourfile.php中,您可以执行SELECT和INSERT查询