gpt4 book ai didi

javascript - 创建多选搜索栏

转载 作者:搜寻专家 更新时间:2023-10-31 08:23:35 25 4
gpt4 key购买 nike

我正在尝试制作一个带有搜索栏的简单 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com