多个搜索输入输出为 wordpress 中的一次搜索

Question

我正在尝试创建一个具有 4 个输入但输出为一个搜索的搜索框。这是我当前的代码：

 <form method="get" id="searchform" action="http://sitename.com/">
 <input type="text"  name="s" />
 <input type="text" name="a" />
 <input type="text"  name="b" />
 <input type="text"  name="c" />
 <div class="clear_space"></div>
 <input type="submit" class="submit" name="submit" id="searchsubmit" value="Search" />
 </form>

但是在 wordpress 中的输出是这样的：/?s=milk&a=eggs&b=cheese&c=garlic&submit=Search

但我需要这样输出：/?s=milk+egg+cheese+garlic&submit=Search

因此，不知何故，这些额外的输入需要将其文本添加到第一个 ?s= 中，只需一个 +... 非常感谢任何帮助。

Answer 1

你在开玩笑吗？？

您正在寻找的+ 只是一个空格。有一个文本字段，提交表单时，单词之间的空格将转换为+。

Answer 2

哇，你有很多问题，但在我们深入探讨之前，让我告诉你，你的“输出”实际上是一个 get 参数或 URL。现在您应该 NEVER 为不同的标签使用相同的 id (!!!)。如果您认为这样做有正当理由，请再想一想。

如下更改您的表单：

<form method="get" id="searchform" action="http://sitename.com/">
 <input type="text" class="field" placeholder="Search"   />
 <input type="text" class="field" placeholder="Search"  />
 <input type="text" class="field" placeholder="Search"  />
 <input type="text" class="field" placeholder="Search"  />
 <input type="hidden" name="s" id="s" />
 <div class="clear_space"></div>
 <input type="submit" class="submit" name="submit" id="searchsubmit" value="Search" />
 </form>

然后实现form submit event 来计算您的值并分配给您的输入字段。干杯。

编辑：

在提交表单之前使用以下 js 代码运行：

//...
var value = "";
$(".field").each(function(){
    value += ((value !== "") ? (" ") : ("")) + $(this).val();
});
$("#s").val(value);
//...