php - 多个搜索输入输出为 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>

然后实现一个表单提交事件来计算您的值并分配给您的输入字段。干杯。

编辑：

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

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