如何使用PHP和MySQL创建搜索“过滤器”
我正在工作门户网站上工作。我在我的网页下面的表单代码:如何使用PHP和MySQL创建搜索“过滤器”
<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
请帮忙!点击链接以更好地理解我的问题。对不起我的英语不好! :(
选中此fiddle更改以符合您的需求。
$("select").on("change", function() {
var url = "";
$("select").each(function() {
if ($(this).val() != 0) {
url += $(this).val();
}
});
$(".url").html(url);
});
这是您需要更改结果以更改URL的基本示例。
谢谢Slico。它正在工作! – dragonball
有几件事情改变:
- 解决您的
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来做聪明的事情,只需提交表单即可。
谢谢大卫,我的表单正在工作! :) – dragonball
检查您的代码。你正在关闭'form'两次。 – zajonc