单个搜索上的三个操作按钮

Question

我正在WordPress上建立一个网站，有一个搜索按钮，如下图所示。

我想要用户填写＆＃34;日本＆＃34;在搜索框中...条件：

1. 如果用户点击搜索按钮，则显示＆＃34; Japan＆＃34;的所有结果。在网站（已完成）
2. 如果用户点击了YouTube图标，那么与＆＃34; Japan＆＃34;相关的视频显示
3. 如果用户点击维基百科链接，那么＆＃34;日本＆＃34;的所有信息在维基百科上显示。

这意味着用户可以在搜索中输入任何内容，然后搜索该关键字：

• 在网站上，或
• 在YouTube上，或
维基百科上的
• 。

单个关键字应适用于所有按钮。

Answer 1

好。首先，我会尝试让你更清楚你真正想做什么。 因此，我可能会误解你，但如果我理解正确，这就是我的答案：

您有三个按钮：

HTML：

<div>
    <button id="wikiButton">Wiki icon</button>
    <button id="youtubeButton">Youtube icon</button>
    <button id="searchButton">Search locally</button>
</div>

脚本：

document.getElementById('wikiButton').addEventListener('click', function () {
Do wiki thing
}

document.getElementById('youtubeButton').addEventListener('click', function () {
Do youtube thing
}

document.getElementById('searchButton').addEventListener('click', function () {
Do locally search thing
}

或者，您可以为每个按钮分配一个onclick =“doThis（）”处理程序，每个按钮都包含一个可以执行您想要的功能。