各行のボタンの値を割り当てます

Question

私はPHPを使用しようとしています。私は本当にそれに新しいです。

私は、（PHPコードで）情報をデータベースに送信するページと、データベースから情報を表示するページを作成します。

私は10の情報を入力しようとしていますが、そのうち5つしか表示していないとしたら、残りの情報を各行のボタンにどのように表示できますか？

ボタンに値を割り当てる必要がありますか？どのようにボタンを行に関連付けることができないのか分かりません。

基本的に、各行に対して、その特定の行の残りの情報をその特定のボタンをクリックして表示したいとします。

すべてのヘルプは適切です。情報を示しおかげ

----- DBに情報を挿入するスクリプト-----

<?php 

$name = mysqli_real_escape_string($link, $_POST['name']); 
$mail = mysqli_real_escape_string($link, $_POST['mail']); 
$number = mysqli_real_escape_string($link, $_POST['number']); 
$device = mysqli_real_escape_string($link, $_POST['device']); 
$model = mysqli_real_escape_string($link, $_POST['model']); 
$problem = mysqli_real_escape_string($link, $_POST['problem']); 

     $sql = "INSERT INTO cj (name, mail, number, device, model, problem) VALUES ('$name', '$mail', '$number', '$device', '$model', '$problem')"; 
     $result = mysqli_query($link, $sql); 
     // if query fails stop script and echo error 
    if($result === false) 
    {echo "ERROR: Could not able to execute $sql. " . mysqli_error($link); 
     exit; 
    }   
    header("location:add-customer.php?message=A job and customer has been added to the database"); 

    exit; 
     echo "You'll never see this"; 
    ?> 

-----------ページ---- -

 <?php 
$sql = "SELECT * from "database name""; 
    echo " 
<table class='table'> 
    <thead> 
     <tr>"; 
/* Get field information for all columns */ 

    echo "<form action='' method=post>"; 
    echo "<tr class='info'> 

       <input type=hidden name=hidden value=" . $row['id'] . "> 
       <td>" . $row['id'] . "</td> 
       <td>" . $row['device'] . "</td> 
       <td>" . $row['model'] . "</td> 
       <td>" . $row['problem'] . "</td> 
       <td> 

      </td>   

       <td> 
       <a class='btn btn-primary btn-sm' data-toggle='modal' data-target='#myModal' value= " . $row['id'] . " > Info</a></form></td> 

      </tr>"; 
    echo "</form>"; 


} 
echo " 
    </tbody> 

</table>"; 

?> 

<div class="container"> 
    <!-- Trigger the modal with a button --> 
    <!-- Modal --> 
    <div class="modal fade" id="myModal" role="dialog"> 
    <div class="modal-dialog modal-lg"> 
    <!-- Modal content--> 
     <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
      <h4 class="modal-title">Customer Information</h4> 
     </div> 

     <div class="modal-body"> 

     <?php 
include("../includes/connection.php"); 
if ($link->connect_errno > 0) { 
    die('Unable to connect to database [' . $link->connect_error . ']'); 
} 
$sql = "SELECT name,mail,number from databasename WHERE **???**; 


if (!$result = $link->query($sql)) { 

    die('There was an error running the query [' . $link->error . ']'); 
} 
echo " 
<table class='table'> 
    <thead> 
     <tr>"; 
/* Get field information for all columns */ 
while ($finfo = $result->fetch_field()) { 
    echo " 
     <th>" . $finfo->name . "</th>"; 
} 
echo " 
     </tr> 
    </thead> 
    <tbody>"; 
while ($row = $result->fetch_assoc()) { 
    echo "<tr class='info'> 

       <td>" . $row['name'] . "</td> 
       <td>" . $row['mail'] . "</td> 
       <td>" . $row['number'] . "</td> 

    </tr>"; 

... 

Answer 1

私は、Ajaxを使用して解決策を見つけた：

ここのコードです：（私の問題を修正し第三のphpのページへのAJAX呼び出し）であるooneについては

<script> 
    $(document).ready(function(){ 
     $('.get_info').click(function(){ 
     var job_id = $(this).parent().siblings('input[name=hidden]').val(); 
     $.ajax({ 
      url: 'THIRDPAGE.php', 
      data: 'job_id=' + job_id, 
      type: 'POST', 
      success: function(data){ 
      // console.log(data); 
      $('.info_data').html(data); 
      } 
     }); 
     }); 
    }); 
    </script> 

は、ここにコメントを書いて、私が何をしたかをもっとよく説明することができます。

Answer 2

PHPで10の情報をすべて取得してください。しかし、5つの情報だけを表示してください。そこにボタンを置き、JavascriptまたはJqueryを使用して他の行を表示します。 （onclickイベント）