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>

但每次我点击获取所选选项时，我都会单独获取它们。像这样：Getting seperated selection values from the form in the URL

我希望根据用户首先选择的选择框，在网址中连接所有这些选定的值。

I want to make search data appear as following

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

Answer 1

要改变的一些事情：

修复您的form标记（已关闭两次）
使值值而不是网段
提供表单元素名称
只需提交表单

这样的事情：

<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做聪明的事情，只需提交表单。

Answer 2

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

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

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

如何创建搜索＆＃39;过滤＆＃39;使用PHP＆amp; MySQL的

2 个答案: