使用三个不同的下拉菜单搜索 wordpress

Question

我有三个链接在一起的下拉菜单。年，制作模型。我需要 wordpress 搜索结果来显示它们的匹配结果。如果我给他们所有的 name="s" 那么它只会在 url 中搜索最后的 s=。

我基本上需要知道如何制作

mysite.com/?s=2001&s=Chevrolet&s=Express&Search=Search

变成：

mysite.com/?s=2001+Chevrolet+Express&Search=Search

或任何可以完成工作的东西。

有什么建议吗？

Answer 1

我不会命名这些选择。相反，给他们 id 并制作一个隐藏的表单字段，然后使用 javascript 更新隐藏的字段。

function updateHiddenField(){
    var year = document.getElementById("YearDD").value; //this is conceptual
    var make = document.getElementById("MakeDD").value; //this is conceptual
    var model = document.getElementById("ModelDD").value; //this is conceptual
    document.getElementById("s").value = year+"+"+make+"+"+model; //this is conceptual
}

然后……

<input type="hidden" name="s" id="s" value="">
<select id="YearDD" onChange="updateHiddenField();">
...

否则您可以覆盖“提交”按钮，生成您自己的查询字符串/url 并重定向页面。

或者，以一种真正肮脏的方式，您可以只搜索字符串并将“&s=”转换为“+”。