时间戳

首页 > 解决方案 > 如何使多个 HTML 表单的单个提交按钮将每个表条目显示为行中的新表单？

php - 如何使多个 HTML 表单的单个提交按钮将每个表条目显示为行中的新表单？

问题描述

我正在尝试获取多个 HTML 表单的单个提交按钮，或者我可能还需要改进多个 HTML 表单（请提出建议）。

表和数据库的屏幕截图如下。

在此处输入图像描述

数据库表tbltest

问题：我需要制作单个提交按钮，而不是上面每行的多个提交按钮（实际上是一个不同的 HTML 表单），在其中我对所有行执行复选框操作，然后单击它可以更新所有行的值表 tbltest 但执行每个复选框操作然后按每个提交会很痛

在此处输入图像描述

目前，我已经完成了每个 HTML 表单都有单独的提交按钮，并且每个表单都是显示 SQL 表值的表行和一列 ie Status（默认设置为0意味着person not selected，用户将在网页上看到数据库条目http://localhost/test1/submitform.php并更改0表示基于值，即我在网页上显示的行中的个人信息）1。person selected

进一步检查复选框并提交单击该status行值的该人的值在 table 中更新tbltest。

以下是我正在使用的所有代码文件。

文件connection.php

<?php

    // set the timezone first
    if(function_exists('date_default_timezone_set')) {
        date_default_timezone_set("Asia/Kolkata");
    }

    $localhost = 'localhost';
    $user = 'root';
    $password = '';
    $database = 'test';

    $conn = new mysqli($localhost, $user, $password);

    //check connection
    if($conn->connect_error){
        die("Connection Failed".$conn->connect_error);
    }

    //connect database
    mysqli_select_db($conn, $database);

?>

文件submitform.php

<!DOCTYPE html>
<html>
<head>
    <title>Submit Form</title>
    <style type="text/css">
        table{
        border-collapse: separate;
        border-spacing: 0px; /* Apply cell spacing */
    }
    table, th, td{
        border: 1px solid #666;
    }
    table th, table td{
        padding: 5px; /* Apply cell padding */
    }
    button{

        margin-left: 10px;
    }
    .tableheading{
        font-weight: bold;

    }
    </style>
</head>
<body>

    <?php

    include('connection.php');

    echo "<table border='1' cellpadding='2' cellspacing='0'>";

    echo "<div class='tableheading'>";

    echo "<input type='text' value='Id'>";
    echo "<input type='text' value='Name'>";
    echo "<input type='text' value='Age'>";
    echo "<input type='text' value='Gender'>";

    echo "</div>";
    echo "<br>";

    $selectSql = "SELECT * FROM tbltest";

    $result = $conn->query($selectSql);

    // $result = mysqli_execute($selectSql);

    while($row = mysqli_fetch_array($result)){

    echo "<form action='selected.php' method='post'>";

    echo "<input type='text' name='id' value=".$row['Id'].">";

    echo "<input type='text' name='name' value=".$row['Name'].">";
    echo "<input type='text' name='age' value=".$row['Age'].">";
    echo "<input type='text' name='gender' value=".$row['Gender'].">";

    echo "<input type='checkbox' name='yes' value='1'>";
    echo "<label>Selected</select>";
    echo "<input type='checkbox' name='no' value='2'>";
    echo "<label>Not selected</select>";

    echo "<button type='submit' name='selectionsubmit'>Submit</button>";

    echo "</form>";
    echo "<br>";

    }

    echo "</tr>";
    echo "</table>";

    ?>
</body>
</html>

文件selected.php

<?php

include('connection.php');

if($_SERVER['REQUEST_METHOD'] === 'POST'){

    if(isset($_POST['selectionsubmit'])){

            $id = $_POST['id'];

            $name = $_POST['name'];
            $age = $_POST['age'];
            $gender = $_POST['gender'];

            if(isset($_POST['yes'])){
                $select=1;
            }else{
                $select=0;
            }


$updateSql = "UPDATE tbltest SET Status='$select' WHERE Id = '$id'";

            if($conn->query($updateSql) == TRUE){
                echo "Table Updated successfully";
            }
    }
}

?>

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>

</body>
</html>

标签： phpmysql

解决方案

我有 1/2 小时的空闲时间，所以为了帮助您，我整理了一些更改的代码，以支持我之前就无效标记和处理 POST 数据的另一种方法所做的评论。

/*

    submitform.php
    --------------
    A single form contains the entire table
    with a single submit button that submits
    the entire form. ALL entries in the form
    will be POSTed to the form's action handler.

*/
echo "
<form action='selected.php' method='post'>
    <table>
        <tr>
            <th>ID</th>
            <th>Name</th>
            <th>Age</th>
            <th>Gender</th>
            <th>Selected</th>
            <th>Not-Selected</th>
        </tr>";

/*

    fetch records from db and add a new table-row
    with 6 table-cells per row.

    The name of the input elements end with []
    to signify an array. When processing the POST
    data you can iterate through the records quite 
    easily.

*/  
$i=1;
$sql = "select `id`,`name`,`age`,`gender`, `status` from `tbltest`";
$result = $conn->query( $sql );
while( $row = mysqli_fetch_array( $result ) ){

    $yes = intval( $row['status'] )==1 ? 'checked' : '';
    $no = intval( $row['status'] )==0 ? 'checked' : '';

    printf("
        <!-- record: %d -->
        <tr>
            <td><input type='text' name='id[]' value='%s' /></td>
            <td><input type='text' name='name[]' value='%s' /></td>
            <td><input type='text' name='age[]' value='%s' /></td>
            <td><input type='text' name='gender[]' value='%s' /></td>
            <!--

                using a pair of checkboxes when only 1 option should be selected
                does not make sense - a radio button is a better option

            -->
            <td><label for='yes'>Yes <input type='radio' name='status_{$i}[]' value='1' %s/></select></td>
            <td><label for='no'>No <input type='radio' name='status_{$i}[]' value='0' %s/></select></td>
        </tr>",
        $i,
        $row['id'],
        $row['name'],
        $row['age'],
        $row['gender'],
        $yes,
        $no
    );

    $i++;
}

echo "
        <tr>
            <td colspan=5>&nbsp;</td>
            <td><input type='submit' /></td>
        </tr>
    </table>
</form>";

并处理提交：

<?php

    /* selected.php */

    if( $_SERVER['REQUEST_METHOD'] === 'POST' && isset( $_POST['id'], $_POST['name'], $_POST['age'], $_POST['gender'] ) ){

        require 'connection.php';


        $ids = $_POST['id'];
        $names = $_POST['name'];
        $ages = $_POST['age'];
        $genders = $_POST['gender'];



        $sql='UPDATE `tbltest` SET `name`=?, `age`=?, `gender`=?, `status`=? WHERE `id` = ?';
        $stmt=$conn->prepare( $sql );
        if( $stmt ){

            $stmt->bind_param( 'sssii', $name, $age, $gender, $status, $id );

            foreach( $ids as $index => $id ){

                $i=$index+1;

                $name = $names[ $index ];
                $age = $ages[ $index ];
                $gender = $genders[ $index ];
                $status = $_POST[ sprintf( 'status_%d', $i ) ][0];
                $id = $ids[ $index ];

                $stmt->execute();
            }       
        } else {
            exit('error: failed to prepare sql query');
        }
        $stmt->close();

        http_response_code( 200 );
        exit( header( 'Location: submitform.php' ) );
    }



    /* 
        methods other than POST or POST with incorrect fields will receive a 405 error
        ~ Method Not Allowed
    */
    http_response_code( 405 );
    exit();
?>

基于以下数据库表

create table `tbltest` (
    `id` int(10) unsigned not null auto_increment,
    `name` varchar(50) null default null,
    `age` tinyint(3) unsigned null default null,
    `gender` varchar(6) not null default 'male',
    `status` bit(1) not null default b'0',
    primary key (`id`)
)
engine=innodb;


+--------+---------------------+------+-----+---------+----------------+
| Field  | Type                | Null | Key | Default | Extra          |
+--------+---------------------+------+-----+---------+----------------+
| id     | int(10) unsigned    | NO   | PRI | NULL    | auto_increment |
| name   | varchar(50)         | YES  |     | NULL    |                |
| age    | tinyint(3) unsigned | YES  |     | NULL    |                |
| gender | varchar(6)          | NO   |     | Male    |                |
| status | bit(1)              | NO   |     | b'0'    |                |
+--------+---------------------+------+-----+---------+----------------+


+----+----------+------+--------+--------+
| id | name     | age  | gender | status |
+----+----------+------+--------+--------+
|  1 | Rinku    |   23 | Male   | 1      |
|  2 | Ricky    |   21 | Male   |        |
|  3 | Samantha |   15 | Female | 1      |
+----+----------+------+--------+--------+

上面的代码生成下面的 HTML 表格

生成的 HTML 表格

推荐阅读