将下拉选择放入变量中并在搜索查询中使用

Question

我正在使用 2 个页面，index.php 和 dropdown-display.php。我在index.php 中有一个下拉列表，它将选择发送到dropdown-display.php 并过滤我的HTML 表格。我还有一个搜索框，如果已经进行了下拉选择，我希望它也可以使用查询中的下拉值来搜索已经过滤的结果。

那么如何将下面的变量$q（如果已进行下拉选择）合并到我的搜索查询中？

这是我目前拥有的...

索引.php：

<?php
if(isset($_POST['search-species'])) {

// variable that brings in search value 
    $speciesToSearch = $_POST['SpeciesToSearch'];

// query used to filter results based on search 
    $sql = "SELECT *
        FROM Example_Final_Structure
        WHERE [Species] LIKE '%".$speciesToSearch."%'
        ORDER BY [Current-SKU] ASC";

} else {

    $sql = "SELECT *
        FROM Example_Final_Structure
        ORDER BY [Current-SKU] ASC";

}
?>

index.php 中的 HTML：

<script>
// function that gets the value of the dropdown and sends it to display-dropdown.php to get results
function showUser(str) {
    if (str == "") {
        document.getElementById("txtHint").innerHTML = "";
        return;
    } else { 
        if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {
            // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                document.getElementById("txtHint").innerHTML = this.responseText;

                var newTableObject = document.getElementById('millwork_table');
                sorttable.makeSortable(newTableObject);
            }
        };
        xmlhttp.open("GET","dropdown-display.php?q="+str,true);
        xmlhttp.send();
    }
}
</script>

<form name="myForm" action="">
<section id="supp_name_dropdown" onchange="hide2()" align="center" >
    <select id="selectsupp" class="supp-name" data-attribute="supp" onchange="showUser(this.value)">                
        <option value="" selected disabled>Supplier Name</option>
        <?php foreach($drop->fetchAll() as $dropdown) { ?>
            <option class="sku-<?php echo $dropdown['Supplier-Name'];?>" value="<?php echo $dropdown['Supplier-Name'];?>"><?php echo $dropdown['Supplier-Name'];?></option>
        <?php } ?>
    </select>
</section>
</form>



<section id="search-species">
<form method="post" action="index.php">

    <input name="SpeciesToSearch" class="search" type="text" placeholder="Species">
<span class="arrow"></span>
    <button type="submit" class="button" name="search-species" value="Search">Search</button><br>
</form>
</section>

下拉显示.php：

<?php
$q = ($_GET['q']); //variable that holds dropdown selection value

$sql="SELECT *
        FROM Example_Final_Structure
        WHERE [Supplier-Name] = '$q'";

?>

Answer 1

您可以在搜索表单中添加<input type="hidden" id="searchsupp" name="searchsupp" value=""/>

然后在您的showUser 函数中，将接收到的值注入隐藏输入。 document.getElementById("searchsupp").value = str;

然后您可以通过将其添加到查询中来在搜索中使用此值

"SELECT *
 FROM Example_Final_Structure
 WHERE ".($searchsupp != "" ? "[Supplier-Name] = '".$searchsupp."' AND ")."[Species] LIKE '%".$speciesToSearch."%'
 ORDER BY [Current-SKU] ASC"

其中$searchsupp 是您从发布的数据中创建的变量。