多搜索、单搜索栏 HTML答案

【问题标题】：Multi-search, single search bar HTML多搜索、单搜索栏 HTML
【发布时间】：2014-07-06 03:18:48
【问题描述】：

正如标题所述，我正在尝试将多个搜索合并到一个搜索栏中。更具体地说，谷歌和亚马逊。我已经设置了一个单选选项来设置选择一个站点时要搜索的站点。这是我目前拥有的代码：

<form method="get" action="http://www.google.com/search">

    <div align="center" style="font-size:75%">
        <input type="text"   name="q" size="25" maxlength="255" value="" />
        <input type="submit" value="Google or Amazon Search" /></br>
        <input type="radio"  name="sitesearch" value="" />The Web
        <input type="radio"  name="sitesearch" value="yoursite.com" checked />This Site
    </div>
   </form>

我有这个亚马逊的表格，但我不确定如何将它编码到一个搜索栏中。

<form action="http://amazon.com/s/ref=nb_sb_noss" method="get" target="_blank">
    <input type="text" id="twotabsearchtextbox" name="field-keywords">
    <input type="submit" value="Search" class="nav-submit-input">
</form>

【问题讨论】：

您可以通过 AJAX 执行多次搜索（通过发布到谷歌、获取结果、发布到亚马逊、获取结果并根据这些结果执行操作）。

标签： html search-engine searchbar

【解决方案1】：

使用 JavaScript 更改页面 DOM 中的实际表单操作（以及其他参数，如果需要），具体取决于用户选择（例如，使用收音机上的 onclick 事件来监控更改）。就那么简单。如果不使用某种代理服务器来重定向请求并适当地返回结果，您将无法在纯 HTML 中执行此操作。

document.your-form.action = (google_selected) ? "http://www.google.com/search" : "http://amazon.com/s/ref=nb_sb_noss";

等等

【讨论】：