How to get the data in Grid view using Select Option in Php

Question

I want to display the data when List box item is selected. Previously in Grid View all data will be there. If user selected One option that option data only should display. How to do it in Php. Here is my code

 <td width="5%" align="right"><b>School<b></td><td width="1%"><b>:</b></td><td width="5%" align="left">
<select name="school_id" id="school_id" class="list_box">
<option value="">Select School</option>
<?php
$school_sql=mysql_query("select * from tbl_school");
while($school=mysql_fetch_array($school_sql))
{
?>
<option value="<?php echo $school['school_id'];?>" <?php if(isset($workshop_fetch['school_id']) && ($workshop_fetch['school_id']==$school['school_id'])) { echo "selected='selected'"; } ?> ><?php echo $school['school_name'];?></option>
<?php } ?>
</select>
 </td>
 </tr> 

  <tr class="table_txt2">
    <td width="7%">S.No</td>
    <td width="20%">School</td>
    <td width="10%">Payment Details</td>
    <td width="20%">Payment Date</td>
    <td width="13%">Amount</td>
    <td width="10%">Due Date</td>
    <td width="10%">Paid Date</td>
    <td width="10%">Is Paid</td>
  </tr>
  <?php
$slno=0;
$payment_sql=mysql_query("select * from tbl_school_payments");

while($result=mysql_fetch_array($payment_sql))
{
$slno++;

?>
<tr <?php if($slno%2==1) echo "class='table_txt3'"; else echo "class='table_txt4'"; ?> id="row_<?php echo $result['payment_id']; ?>">
<td ><?php echo $slno;?></td>
<td >
<?php
$school_sql=mysql_query("select * from tbl_school where school_id='$result[school_id]'");
$school=mysql_fetch_array($school_sql);
 echo ucwords($school['school_name']);
 ?>
</td>



//Here code for display data 
    <td ><?php echo $result['payment_details'];?></td>
    <td ><?php echo $result['payment_date'];?></td>
    <td ><?php echo $result['amount_paid'];?></td>
    <td ><?php echo $result['due_date'];?></td>
    <td ><?php echo $result['paid_date'];?></td>
    <td ><?php echo $result['is_paid'];?></td>

      <?php } ?>
      </table>

Answer 1

<td width="5%" align="right"><b>School<b></td><td width="1%"><b>:</b></td><td width="5%" align="left">
<select name="school_id" id="school_id" class="list_box">
<option value="">Select School</option>
<?php
$school_sql=mysql_query("select * from tbl_school");
while($school=mysql_fetch_array($school_sql))
{
?>
<option value="<?php echo $school['school_id'];?>" <?php if(isset($workshop_fetch['school_id']) && ($workshop_fetch['school_id']==$school['school_id'])) { echo "selected='selected'"; } ?> ><?php echo $school['school_name'];?></option>
<?php } ?>
</select>
 </td>
 </tr> 

  <tr class="table_txt2">
    <td width="7%">S.No</td>
    <td width="20%">School</td>
    <td width="10%">Payment Details</td>
    <td width="20%">Payment Date</td>
    <td width="13%">Amount</td>
    <td width="10%">Due Date</td>
    <td width="10%">Paid Date</td>
    <td width="10%">Is Paid</td>
  </tr>
  <?php
$slno=0;
$payment_sql=mysql_query("select * from tbl_school_payments");
while($result=mysql_fetch_array($payment_sql))
{
$slno++;

?>
<tr <?php if($slno%2==1) echo "class='table_txt3'"; else echo "class='table_txt4'"; ?> id="row_<?php echo $result['payment_id']; ?>">
<td ><?php echo $slno;?></td>
<td >
<?php
/*This IF block added
===================== */
if(isset($_GET['id']))
{

    $query = "select * from tbl_school where school_id=".mysql_real_escape_string($_GET['id']);
}
else
{
    $query = "select * from tbl_school where school_id='$result[school_id]'";
}
$school_sql=mysql_query($query);
$school=mysql_fetch_array($school_sql);
 echo ucwords($school['school_name']);
 ?>
</td>



//Here code for display data 
    <td ><?php echo $result['payment_details'];?></td>
    <td ><?php echo $result['payment_date'];?></td>
    <td ><?php echo $result['amount_paid'];?></td>
    <td ><?php echo $result['due_date'];?></td>
    <td ><?php echo $result['paid_date'];?></td>
    <td ><?php echo $result['is_paid'];?></td>

<?php } ?>
</table>

Script tag added

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript">

jQuery(document).ready(function($) {
      jQuery('#school_id').change(function(e){

          selected = jQuery('#school_id').val();
          window.location = window.location.pathname + '?id=' + selected;

      });
});

What's basically happening is, when you select a school_id , the jQuery change() function fires and appends the selected school_id to the current URL and goes to it. Now the URL has a id= school_id value which the PHP checks before executing the query. If there is one, it uses that value in its select statement.

Is this what you needed?