Fatal编程技术网
  • php/
  • Php 从mysql下拉选择数据

Php 从mysql下拉选择数据

php jquery html mysql

Php 从mysql下拉选择数据,php,jquery,html,mysql,Php,Jquery,Html,Mysql,我想在下拉选择的基础上获取mysql数据。我希望我的下拉列表有3个选项10、20、30。当我点击10时，我的页面上显示了前10条记录。当我点击20条时，页面上显示的前20条记录就不多了。我试过了，但没有成功。请任何人都能帮我怎么做。如果给我举个例子，我会非常感激你的。 我正在使用mysql的PDO扩展 <?php include('config.php'); session_start(); ?> <!DOCTYPE html> <html lang="en

我想在下拉选择的基础上获取mysql数据。我希望我的下拉列表有3个选项10、20、30。当我点击10时，我的页面上显示了前10条记录。当我点击20条时，页面上显示的前20条记录就不多了。我试过了，但没有成功。请任何人都能帮我怎么做。如果给我举个例子，我会非常感激你的。 我正在使用mysql的PDO扩展

<?php
  include('config.php');
  session_start();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<script   src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<div id="resultdiv">
    <form method="POST">
         <table  class="table table-striped table-bordered" cellspacing="0" width="100%">
            <thead>
               <tr>
                 <th>Video ID</th>
                 <th>Video Name</th>
               </tr>
            </thead>
           <?php
           $access = $_SESSION['login'];
           $sql = "SELECT * FROM videos ORDER BY id desc";
           $query = $conn->query($sql);
            $i=1;
            while ($row = $query->fetch(PDO::FETCH_ASSOC)){
               $id = $row['id'];
               $video_name = $row['video_name'];
               echo "
                    <tbody>
                        <tr>
                          <td style='text-align:center;'>$id</td>
                          <td id='test10' class='text-center'><b>$video_name</b></td>
                          <td style='text-align:center;'>
                          <a href='add-video3.php?id=$id' class='btn btn-info'>EDIT</a><br><br>
                          <a href='delete_video.php?id=$id' class='btn btn-danger' rel='tooltip' title='Delete'><i class='glyphicon glyphicon-trash'></i></a>
                        </tr>
                   </tbody>";
                 } $i++;
               }
               else {
                   header ("location:index.php");
                    }
           ?>
       </table>
     </form>    
</div>
</body>


视频ID
视频名称

我看到您正在使用Javascript。也许你不需要重新加载页面就可以了。只需显示所有条目，然后将它们全部隐藏，并显示好的条目



//填充表
对于（var i=1；i
//填充表

对于（var i=1；iYou应该分享您尝试过的代码，而不是要求提供完整的示例bro实际上我不知道如何实现这一点。因此，请帮助我找到我的解决方案。我非常感谢您。这正是我想要的答案。但是兄弟，我还不知道如何将其放入我的代码中。您能帮助我如何将其放入我的代码中吗我正在编辑我的问题中的代码。请帮帮我。我会在我的问题中添加代码。请帮我把你的代码放在我的问题中。太棒了，兄弟。检查这个。应该很好，但是一个if语句丢失了，所以我删除了它。你必须把它放回去。

//Populate table
for(var i = 1; i<=30; i++){
$('table tbody').append('<tr><td>Row '+i+'</td></tr>');  
}

//Listener on select change
$('select').on('change', function(){
var value = $(this).val();
$('table tbody tr').hide();
for(var i = 0; i<value; i++){
//Find the i tr on the table
$('table tbody tr').eq(i).show(); 
}
});


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select id="dropdown">
  <option value="10">10</option>
  <option value="20">20</option>
  <option value="30" selected>30</option>  
</select>

 <table>
  <tbody>

  </tbody>
 </table>