表格内的html表格和按钮不起作用

Question

在我提出这个问题之前，我用表格和表格搜索了其他类似的问题，但我没有找到解决方案。正如您从我的代码中看到的那样，我不知道为什么，但这不起作用..我有一个表格，里面有一个form method='post'..当我单击降序或升序按钮时，什么都没有发生，我没有知道为什么 ？有什么建议吗？

<form method="post">
<table class="table table-bordered table-striped">
    <thead>
    <tr>

        <th scope='col'>Id</th>
        <th scope='col'>Name
                            <button class="btn btn-info btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                Sort by
            </button>
            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                <button name="nameDescending" type="submit" class="dropdown-item btn btn-info">Descending</button>
                <button name="nameAscending" type="submit" class="dropdown-item btn btn-info">Ascending</button>
            </div>
        </th><!-- ORDER BY "name" -->

        <th scope='col'>Last</th><!-- ORDER BY "lastname" -->
        <th scope='col'>Email</th><!-- ORDER BY "email" -->
        <th scope='col'>Telephone</th><!-- ORDER BY "telephone" -->
    </tr>


    </thead>
    <tbody>


    <?php
   

    if(isset($_POST['nameDescending'])){
        $sql = "SELECT * FROM cust_information ORDER BY name DESC";
    }

    if(isset($_POST['nameAscending'])){
        $sql .= "SELECT * FROM cust_information ORDER BY name ASC";
    }

    $result = mysqli_query($conn,$sql);
    $rowCount = mysqli_num_rows($result);

    if($rowCount > 0){
        while($row = mysqli_fetch_assoc($result)){
            echo "<tr>
                          <td scope='row'>{$row['auto_id']}</td>    <!--difference between class='row' / scope='row'-->
                          <td>{$row['name']}</td>
                          <td>{$row['lastname']}</td>
                          <td>{$row['email']}</td>
                          <td>{$row['telephone']}</td>
                  </tr> ";
        }
    } else{
        echo "<tr> <td colspan='5'>Nothing was found!</td> </tr> ";
    }
    ?>
    </tbody>
</table>

</form>

Answer 1

我看不出您的代码有什么问题会阻止表单提交。但是，我可以看到你的编码风格有很多问题。今天工作很安静，所以...

这里最大的罪过是尽可能多地混合 PHP 和 HTML。始终将尽可能多的代码放在文件顶部，与 HTML 分开。 （在适当的代码库中，这些文件将是单独的文件，但我认为这对您来说是一个学习练习，而不是一个专业项目。）对于这样的数据库驱动页面，这意味着立即进行查询并将数据收集到一个数组中，所以进入你的 HTML 的唯一东西就是一些简单的控制结构和回显。

将alternative syntax 用于控制结构允许单行PHP 侵入HTML，不需要大括号，当然也不需要回显HTML 的巨大块，您必须担心是否正确引用引号。 Short echo tags 也让事情变得更干净。 （对于那些您绝对必须回显一堆 HTML 的罕见情况，请使用 heredoc。）

根据约定和 RFC，POST 请求应该在服务器上实现一些更改，例如存储或更新记录。由于这里不是这种情况，因此您确实应该使用 GET 请求。作为奖励，这消除了您对表格的需求； <button> 元素被替换为简单的链接。看起来您正在使用 Bootstrap，因此样式使它们看起来相同。

把它们放在一起，这就是你的代码：

<?php
$sql = "SELECT * FROM cust_information ORDER BY name";

// default to empty string
$sort = $_GET["sort"] ?? "";

if($sort === "d") {
     $sql .= " DESC";
}

$result = $conn->query($sql);
// store the whole result into an associative array
$data = $result->fetch_all(MYSQLI_ASSOC);
?>

<table class="table table-bordered table-striped">
    <thead>
    <tr>

        <th scope='col'>Id</th>
        <th scope='col'>Name
            <button class="btn btn-info btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                Sort by
            </button>
            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                <a href="?sort=d" class="dropdown-item btn btn-info">Descending</button>
                <a href="?sort=a" class="dropdown-item btn btn-info">Ascending</button>
            </div>
        </th><!-- ORDER BY "name" -->

        <th scope='col'>Last</th><!-- ORDER BY "lastname" -->
        <th scope='col'>Email</th><!-- ORDER BY "email" -->
        <th scope='col'>Telephone</th><!-- ORDER BY "telephone" -->
    </tr>


    </thead>
    <tbody>


    <?php if (count($data) === 0): ?>
        <tr> <td colspan='5'>Nothing was found!</td> </tr>
    <?php else: ?>
        <?php foreach ($data as $row): ?>
        <tr>
            <td scope='row'><?= $row['auto_id'] ?></td>    <!--difference between class='row' / scope='row'-->
            <td><?= $row['name'] ?></td>
            <td><?= $row['lastname'] ?></td>
            <td><?= $row['email'] ?></td>
            <td><?= $row['telephone'] ?></td>
        </tr>
        <?php endforeach ?>
    <?php endif ?>
    </tbody>
</table>

Answer 2

我通常不在表格中使用 form，因为它不起作用。如果我想将我重定向到某个地方，我会使用 a 标签。

示例：

    @foreach($data as $card)
        <tr style="text-align: center;">
            <td>{{ $card -> id }}</td>
            <td>{{ $card -> cardType }}</td>
            <td>{{ $card -> cardValue }} RON</td>
            <td>{{ $card -> createdBy }}</td>
            <td>{{ $card -> created_at }}</td>
            <td>
                <form action="to somewhere">
                    <button type="submit">Submit</button>                       
                </form>
            </td>
    @endforeach

用这个代替这个：

   @foreach($data as $card)
        <tr style="text-align: center;">
            <td>{{ $card -> id }}</td>
            <td>{{ $card -> cardType }}</td>
            <td>{{ $card -> cardValue }} RON</td>
            <td>{{ $card -> createdBy }}</td>
            <td>{{ $card -> created_at }}</td>
            <td>
                <a class="icon pencil-lg-icon" href="{{ route ( 'admin.catalog.giftcards.edit', $card->id ) }}" style="color: white; padding: 8px 10px;"></a>
                <a class="icon trash-icon" href="{{ route ( 'admin.catalog.giftcards.delete', $card->id ) }}" style="color: white; padding: 8px 10px;"></a>
            </td>
    @endforeach

或者你可以试试这个

 @foreach($data as $card)

    // Outside the table
    <form action="to somewhere" id="idform"></form>

    <tr style="text-align: center;">
        <td>{{ $card -> id }}</td>
        <td>{{ $card -> cardType }}</td>
        <td>{{ $card -> cardValue }} RON</td>
        <td>{{ $card -> createdBy }}</td>
        <td>{{ $card -> created_at }}</td>
        <td>
            <button type="submit" form="idform">Submit</button>         
        </td>
@endforeach

希望对你有所帮助。