在下拉列表中根据所选筛选器列出数据库值


Listing database values according to the selected filter in dropdown

如何筛选下拉选项以列出我的表条目?

HTML过滤器示例:

<form action="filter.php" method="post">
  <select name="filter">
    <option>FILTER:</option>
    <option value="alphabetical">ASC</option>
    <option value="date">Date</option>
  </select>
</form>

MySQL基本选择:

SELECT * FROM table ORDER BY name

列出值的基本HTML:

echo '<h1>'.$name.'</h1>
      <h1>'.$date.'</h1>';

第二个过滤器(日期)应该执行SELECT,列出所有具有ASC日期的条目。第二个第一个(按字母顺序)应该执行SELECT,只按ASC列出名称的所有条目。

你知道MySQL SELECT在这种情况下是如何工作的吗?

html:

<select name="filter" onchange="filter(this.value)">
  <option>FILTER:</option>
  <option value="alphabetical">ASC</option> 
  <option value="date">Date</option> 
</select>
<div id="results"></div>// store the results here

Jquery:

function filter(item){
$.ajax({
type: "POST",
url: "filter.php",
data: { value: item},
success:function(data){
  $("#results").html(data);
}
});
}

filter.php:

include "connection.php";  //database connection
$fieldname = $_POST['value'];
 if($fieldname=="alphabetical"){
  // if you choose first option
  $query1 = mysqli_query("SELECT * FROM table ORDER BY name ASC"); 
  // echo the results
  }else{
  // if you choose second option
  $query1 = mysqli_query("SELECT * FROM table ORDER BY date ASC");
  // echo the results
}

注意:不要忘记包含jquery库。

假设name和date是表中的字段名,这些应该会起作用。

SELECT * FROM table ORDER BY name ASC
SELECT * FROM table ORDER BY date ASC

我会这样做,

HTML:

<form action="filter.php" method="post">
  <select name="filter">
    <option>FILTER:</option>
    <option value="alphabetical">ASC</option>
    <option value="date">Date</option>
  </select>
</form>

PHP

<?php
    switch($_POST['filter']){
        case "alphabetical":
           $field = "name";
           break 1;
        case "date":
           $field = "date";
           break 1;
    }
 $mysqli = new mysqli("localhost", "my_user", "my_password", "world");
 $stmt = $mysqli->prepare("SELECT * FROM table ORDER BY ? ASC");
 $stmt->bind_params("s",$field);
 $stmt->execute();
 //ETC
?>