如何使表格动态化

Question

Lets say inside my sql have some data:

name | table_no
Apple | c1
Grape | c1

if($result->num_rows > 0){ //read the data inside sql and display out

    while($row = $result->fetch_assoc()){

        echo "Name: ". $row['name']. "<br>". "Table No.: ". $row['table_no']. "<br>";
    }


}else{ // insert the data if inside sql have no data of table_no

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

        $value = $_POST['value'];
        $table = $_POST['table'];

    }

    $sql = "INSERT INTO testing (name, table_no) VALUES ('$value', '$table')";

    mysqli_query($conn, $sql);

}

?>


<form method="post" action="">
    <h2>C1</h2>
    <input type="hidden" value="c1" name="table">
    <input type="text" name="value">
    <input type="submit">

</form>

<form method="post" action="">
    <h2>C2</h2>
    <input type="hidden" value="c2" name="table">
    <input type="text" name="value">
    <input type="submit">

</form>

My problem is, how to make the webpage more dynamic that can automatically change to a blank form that can be fill in the data(table_no) and if the form already has the data it will display the data instead of showing the blank form to let user fill in.

Answer 1

You can dynamically update the value in your input. Assuming $result is the result of your SQL query and there is a field named C1 in $result, here an example for your form C1:

<!-- langage: html -->
<form method="post" action="">
    <h2>C1</h2>
    <input type="hidden" value="<?php echo $result['c1']; ?>" name="table">
    <input type="text" name="value">
    <input type="submit">
</form>