Javascript 我怎么做后缀'+；标签：<；关键词>'；要一张表格吗？

我有一个Shopify商店，我想使用搜索表单根据标签进行过滤。根据我的建议，我必须“在一个术语前面加上字段名和冒号，以便将搜索该术语的范围缩小到指定的字段。”

默认搜索表单如下所示：

<form action="/search" method="get" class="search-bar" role="search">
  <input type="hidden" name="type" value="product">

  <input type="search" name="q" value="{{ search.terms | escape }}" placeholder="Zoeken naar..." aria-label="Search all products">
  <button type="submit" class="search-bar--submit icon-fallback-text">
    <span class="icon icon-search" aria-hidden="true"></span>
    <span class="fallback-text">Zoeken</span>
  </button>
</form>

http://store.<redacted>.com/search?type=product&q=celavita

http://store.<redacted>.com/search?type=product&q=celavita+tag:Jumbo

我想要的是url以如下方式结束：

<form action="/search" method="get" class="search-bar" role="search">
  <input type="hidden" name="type" value="product">

  <input type="search" name="q" value="{{ search.terms | escape }}" placeholder="Zoeken naar..." aria-label="Search all products">
  <button type="submit" class="search-bar--submit icon-fallback-text">
    <span class="icon icon-search" aria-hidden="true"></span>
    <span class="fallback-text">Zoeken</span>
  </button>
</form>

http://store.<redacted>.com/search?type=product&q=celavita

http://store.<redacted>.com/search?type=product&q=celavita+tag:Jumbo

http://store..com/search?type=product&q=celavita+标签：Jumbo

我试过这个：

<form action="/search" method="get" class="search-bar" role="search">
  <input type="hidden" name="type" value="product">

  <input type="search" name="q" value="{{ search.terms | escape }}" placeholder="Zoeken naar..." aria-label="Search all products">
  <input type="hidden" name="tag" value="Jumbo">
  <button type="submit" class="search-bar--submit icon-fallback-text">
    <span class="icon icon-search" aria-hidden="true"></span>
    <span class="fallback-text">Zoeken</span>
  </button>
</form>

佐肯

但这会导致url看起来像：

http://store.<redacted>.com/search?type=product&q=celavita&tag=Jumbo

http://store..com/search?type=product&q=celavita&tag=Jumbo

---

下一步我能试试什么？这可以使用JavaScript/jQuery完成吗？

使用jQuery，您可以执行类似的操作。（未经测试）

$（“.search bar”）.submit（函数（）{
var type=$（“输入[name='type']”）val（）；
var q=$（“输入[name='q']”）val（）；
var tag=$（“输入[name='tag']”）val（）；
变量url=”http://store..com/search?type=“+type+”&q=“+q+”+tag:”+tag；
window.location=url；
返回false；
});

是的，听起来确实需要Javascript来覆盖表单提交、编辑URL参数并使用新结果执行

窗口。location=

。