搜索输入被发送到不同页面上的另一个搜索栏

Question

我正在尝试将主网站搜索栏中的输入发送到第二个网站的搜索栏，并显示第二个网站搜索的结果。

我已经尝试过一些几乎可以工作的代码，但是它没有搜索第二个站点，而是将搜索输入添加到网址上。

       <div class="form-group">
          <form id="search-products" method="get">
            <input type="search" class="form-control input-thick-border" id="test" placeholder="Search..." name="keyword">
          </form>

          <script type="text/javascript">
            document.getElementById('search-products').onsubmit = function() {
              window.location = "http://website.com/Search" + document.getElementById('test').value;
              return false;
                }
            </script>

        </div>

因此，如果我在第一个搜索栏中输入“pen”，那么它将链接到不存在的“website/searchpen”，因此它会重定向到“未找到”页面。我觉得我已经非常接近了，我只是缺少一些代码，这些代码从第一个搜索栏中获取输入并在第二个搜索栏中搜索它。任何帮助或想法将不胜感激。

Answer 1

为此，您实际上并不需要 JavaScript。正常的表单提交正是您所寻找的。只需设置表单动作即可。

<form method="get" action="https://example.com/search">
  <input type="search" name="keyword" />
</form>

提交表单时，它会显示如下内容：

https://example.com/search?keyword=Whatever+the+user+typed+in

Answer 2

如何在 javascript 中搜索栏运行我的网站内容？