当前位置: 首页 > 面试题库 >

如何对从MySQL调用的HTML表行进行排序

仲孙景胜
2023-03-14
问题内容

我知道这是很基本的事情,但是Google搜索并没有显示单击th链接后如何对行进行重新排序。

我有这个:

<table border="1">
  <tr>
    <th>Type:</th>
    <th>Description:</th>
    <th>Recorded Date:</th>
    <th>Added Date:</th>
  </tr>

<?php 
while($row = mysql_fetch_array($result)){
    ?>
    <tr>
        <td><?php echo $row['type'] ?></td>
        <td><?php echo $row['description'] ?></td>
        <td><?php echo $row['recorded_date'] ?></td>
        <td><?php echo $row['added_date'] ?></td>
    </tr>
    <br />


  <?php 
}
mysql_close();
?>
</table>

我需要能够按type字母顺序单击并排序,然后单击Recorded DateAdded Date并按日期排序。我看到我需要MySQL查询来执行此操作,但是是否将它们设置为带有a href标签的条件查询?


问题答案:

最简单的方法是在您的列标题上放置一个链接,指向同一页面。在查询字符串中,放置一个变量,以便您知道他们单击了什么,然后在SQL查询中使用ORDER
BY进行排序。

HTML看起来像这样:

<th><a href="mypage.php?sort=type">Type:</a></th>
<th><a href="mypage.php?sort=desc">Description:</a></th>
<th><a href="mypage.php?sort=recorded">Recorded Date:</a></th>
<th><a href="mypage.php?sort=added">Added Date:</a></th>

并在php代码中,执行以下操作:

<?php

$sql = "SELECT * FROM MyTable";

if ($_GET['sort'] == 'type')
{
    $sql .= " ORDER BY type";
}
elseif ($_GET['sort'] == 'desc')
{
    $sql .= " ORDER BY Description";
}
elseif ($_GET['sort'] == 'recorded')
{
    $sql .= " ORDER BY DateRecorded";
}
elseif($_GET['sort'] == 'added')
{
    $sql .= " ORDER BY DateAdded";
}

$>

注意,您不应直接采用$ _GET值并将其附加到查询中。正如某些用户可以访问MyPage.php?sort =;一样。从MyTable删除;



 类似资料:
  • 本文向大家介绍如何使用JavaScript对HTML列表进行排序?,包括了如何使用JavaScript对HTML列表进行排序?的使用技巧和注意事项,需要的朋友参考一下 要使用JavaScript对HTML列表进行排序,代码如下- 示例 输出结果 上面的代码将产生以下输出- 在点击“点击排序”按钮-

  • 本文向大家介绍如何使用JavaScript对HTML表格进行排序?,包括了如何使用JavaScript对HTML表格进行排序?的使用技巧和注意事项,需要的朋友参考一下 排序使用JavaScript的HTML表格,代码如下 - 示例 输出结果 上面的代码将产生以下输出 - 在点击排序按钮-

  • 问题内容: 我有一组三个列表项,它们希望在页面加载时从高到低自动显示。理想情况下使用jquery或javascript。 每个列表项都需要有自己的ID,因为它们每个都有各自的背景图像。数字必须是文本节点,以便用户可以编辑它们。 问题答案: 这可能是最快的方法,因为它不使用jQuery: 像下面这样调用函数: 您可以以相同的方式对其他列表进行排序,如果列表类在同一页面上还有其他元素,则应给您的ul一

  • 问题内容: 我正在寻找一种表排序解决方案(使用JavaScript),但似乎还找不到合适的解决方案。我只需要按字母顺序对每一列进行排序。它不需要忽略任何代码或任何数字或使用货币。只需单击列标题即可将其从排序的z / za中切换出来。 有人知道这样一个非常简单的解决方案吗? 问题答案: 纯Javascript(ES6) 进行字母和数字排序-升序和降序 可在 Chrome , Firefox , Sa

  • 问题内容: 我需要按字母顺序对链接列表进行排序。我有一个完整的乘客姓名链接列表,需要将乘客姓名按字母顺序排序。一个人怎么做?有人有参考资料或视频吗? 问题答案: 您可以用来按字母顺序对事物进行排序。

  • 我有代码,我已经使用列表来存储数据。我想对它的数据进行排序,那么有没有办法对数据进行排序,或者我必须通过比较所有的数据手动进行排序?