如何将 3 个下拉列表连接到 PHP 中的实时搜索

Question

我正在尝试在 PHP 中使用我的实时搜索代码，并且 3 个下拉框具有来自数据库的值，因此我的用户可以 select 他们想要搜索的类别而不是显示在数据表如下。它们（3 个下拉框）仅独立工作。我怎么link把他们放在一起。 enter image description here

我的代码是从 UI 上的下拉框中获取值。

<script> 
$(document).ready(function()
{
if (true) {
    $("#fetchal").on('change',function(){
    var value = $(this).val();
    $.ajax(
    {
        url:'search.php',
        type:'POST',
        data:'request1='+value,
        beforeSend:function()
        {
            $("#table-container").html("Working on...");
        },
        success:function(data)
        {
            $("#table-container").html(data);
        },
    });
});
}
if (true){
    $("#search_MONTH").on('change',function(){
    var value = $(this).val();
    $.ajax(
    {
        url:'search.php',
        type:'POST',
        data:'request2='+value,
        beforeSend:function()
        {
            $("#table-container").html("Working on...");
        },
        success:function(data)
        {
            $("#table-container").html(data);
        },
    });
});
}
if (true){
    $("#search_YEAR").on('change',function(){
    var value = $(this).val();
    $.ajax(
    {
        url:'search.php',
        type:'POST',
        data:'request3='+value,
        beforeSend:function()
        {
            $("#table-container").html("Working on...");
        },
        success:function(data)
        {
            $("#table-container").html(data);
        },
    });
});
}
});

和下面是我在 search.php 上的代码

if (isset($_POST['request1'],$_POST['request2'],$_POST['request3'])) {
$request1 = $_POST['request1'];
$request2 = $_POST['request2'];
$request3 = $_POST['request3'];
require_once("includes/connection.php");
//CAU LENH SQL
$sql5= "SELECT * from form where center ='$request1' and  month(createdate) = '$request2' and  year(createdate) = '$request3' order by id ";
$result5 = $conn->query($sql5);

谢谢！

Answer 1

我不太清楚，但让我试试看，

你可以检查一个元素的变化，如果其他两个是否被填充：

示例：

$("#fetchal").on('change',function(){
    var value = $(this).val();
    $("#search_MONTH").val()
    $("#search_YEAR").val()
    if(empty... or ... != ""...)
{

我让你结束这段代码，

为了避免通过您的代码重复，您可以使用所有三个 ID 创建一个数组，然后只对您的选项卡执行 foreach，选项卡示例：

    var fields = [
        {variable: search_MONTH, id:"search_MONTH" },
        {variable: search_YEAR, id:"search_YEAR" },
        {variable: fetchal, id:"fetchal" }
    ]

如何将 3 个下拉列表连接到 PHP 中的实时搜索

How to connect 3 dropdown list to live search in PHP

php

ajax

search

jquery