javascript - 创建多选搜索栏

我正在尝试制作一个带有搜索栏的简单 HTML 网页，该网页能够查询用户选择的外部搜索引擎(在下拉菜单中选择)。

我无法让代码接受用户的选择。这是我拥有的:

<html>
<div class="custom-select" style="width:200px;">
  <select>
    <option value="http://www.google.com/search">Google</option>
    <option value="http://www.bing.com/search">Bing</option>
    <option value="https://duckduckgo.com/?q=">Duckduckgo</option>
  </select>
</div>
<div class="search-bar">
  <form method="get" action="???">
    <div style="border:1px solid black;padding:4px;width:20em;">
      <table border="0" cellpadding="0">
        <tr>
          <td>
            <input type="text" name="q" size="25" maxlength="255" value="" />
            <input type="submit" value="Search" />
          </td>
        </tr>
      </table>
    </div>
  </form>
</div>
</html>

最佳答案

仅使用 html 或 css 是无法做到这一点的。您最好的选择是使用 javascript 从不同的搜索引擎进行 api 调用。

谷歌搜索 API 是 here .

必应搜索 API 是 here .请注意，某些功能需要付费。

duckduckgo 搜索 API 是 here .

您还应该了解 Jquery、异步编程和 JSON。您很可能会使用 Jquery 的 Ajax 从每个搜索引擎请求数据，并且必须能够解析 json，然后用 js 更改 html。

关于javascript - 创建多选搜索栏，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51817135/