如何使用PHP和MySQL创建搜索“过滤器”

Question

我正在工作门户网站上工作。我在我的网页下面的表单代码：

<form action="" method="get"> 
    <h6>Location:</h6> 
    <select class="form-control" onchange="if (this[this.selectedIndex].value !== '0') document.location.href=this.value;"> 
     <option value="0" selected="selected">Anywhere</option> 
     <option value="?l=Bengaluru">Bengaluru</option> 
     <option value="?l=Noida">Noida</option> 
    </select> 
    <h6>Job Type:</h6> 
    <select class="form-control" onchange="if (this[this.selectedIndex].value !== '0') document.location.href=this.value;"> 
     <option value="0" selected="selected">Select</option> 
     <option value="?t=Freelancer">Freelancer</option> 
    </select> 
</form> 
<h6>Job Category:</h6> 
    <select class="form-control" onchange="if (this[this.selectedIndex].value !== '0') document.location.href=this.value;"> 
     <option value="0" selected="selected">Select</option> 
     <option value="?c=data-scientist">Data Scientist</option> 
    </select> 
</form> 

但每次我点击获取所选选项我让他们seperately。像这样：Getting seperated selection values from the form in the URL

我想根据用户首先选择哪个选择框来链接URL中的所有这些选定值。

I want to make search data appear as following

请帮忙！点击链接以更好地理解我的问题。对不起我的英语不好！ :(

Answer 1

选中此fiddle更改以符合您的需求。

$("select").on("change", function() { 
    var url = ""; 
    $("select").each(function() { 
     if ($(this).val() != 0) { 
      url += $(this).val(); 
     } 
    }); 
    $(".url").html(url); 
}); 

这是您需要更改结果以更改URL的基本示例。

Answer 2

有几件事情改变：

• 解决您的form标签（它被关闭两次）
• 让值而不是URL段的值
• 给你的表单元素名称
• 除了更改文档URL，只需提交表格

事情是这样的：

<form id="myForm" action="" method="get"> 
    <h6>Location:</h6> 
    <select name="l" class="form-control" onchange="document.getElementById('myForm').submit();"> 
     <option value="0" selected="selected">Anywhere</option> 
     <option value="Bengaluru">Bengaluru</option> 
     <option value="Noida">Noida</option> 
    </select> 
    and so on... 

基本上，它看起来像你完全过度设计表单你想要的东西。您正在查找的功能是提交表单的默认行为。因此，不要试图用URL来做聪明的事情，只需提交表单即可。