0

我正在使用此代码显示表格

    <table>
        <tr>
            <th style="height: 25px">NAME</th>
            <th style="height: 25px">EMAIL</th>
            <th style="height: 25px">CELL NO</th>
            <th style="height: 25px">CITY</th>                   
            <th>Hide Candidate</th>
        </tr>
    </table>

    <?php
    while($data_set1 = mysql_fetch_array($result))
    {
        echo "<tr>";
        echo "<td>{$data_set1['ename']}</td>";
        echo "<td>{$data_set1['eemail']}</td>";
        echo "<td>{$data_set1['ecell']}</td>";
        echo "<td>{$data_set1['ecity']}</td>";

        echo "<td><input type=\"checkbox\" name=\"hide_cand\" id=\"hide_cand\" onclick=\" return hideRow(this)\"/></td>";
\"/></td>";
        echo "</tr>";
    }
    ?>

并使用这个javascript我可以暂时隐藏表格行,当表格加载到页面上时如何永久隐藏它

function hideRow(checkbox)
{
    if(confirm('This action can not be recovered, are you sure you want to HIDE this Candidate? '))
    {
        checkbox.parentNode.parentNode.style.display = "none";
        return true;
    }
    return false;
}
4

3 回答 3

2

你看过 jQuery (http://jquery.com/) 吗?学习起来非常简单,您只需:

在您的 HTML 标头中,只需添加

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

然后修改你的功能

function hideRow(checkbox)
{
    if(confirm('This action can not be recovered, are you sure you want to HIDE this Candidate? '))
    {
        $(this).closest("tr").remove();
        return true;
    }
    return false;
}
于 2012-12-24T09:39:32.617 回答
0

不使用 jQuery 删除

function hideRow(checkbox)
{
    if(confirm('This action can not be recovered, are you sure you want to HIDE this Candidate? '))
    {
        var row = checkbox.parentNode.parentNode , table = row.parentNode;
        table.removeChild(row);
        return true;
    }
    return false;
}
于 2012-12-24T12:24:50.637 回答
0

您通过将样式显示设置为无来暂时隐藏该行。您的问题是一旦该行被隐藏,那么在重新加载操作完成后它不应该再次出现。

因此,为了永久隐藏该行,您必须从数据库本身中删除相应的用户记录。如果在数据库中删除,那么您将无法从数据库中获取相同的记录,因此在重新加载页面时不会显示该行。

希望这个建议对你有用。

于 2012-12-28T09:50:52.697 回答