使用自定义文本输入触发 Google 自定义搜索引擎

【问题标题】：Trigger Google custom search engine with custom text input使用自定义文本输入触发 Google 自定义搜索引擎
【发布时间】：2019-06-28 18:56:26
【问题描述】：

我想为一个网站添加谷歌自定义搜索引擎，谷歌说你应该这样做是复制脚本和 gcse 标签，因为它会自动生成输入和搜索按钮，效果很好。

我想用另一个文本输入来触发搜索，有没有办法像我使用复制粘贴 Google 脚本一样运行相同的脚本，但使用我自己的文本框？

【问题讨论】：

标签： node.js web google-custom-search

【解决方案1】：

你可以使用一个技巧。

HTML

<form id="form1">
  <input type="text" name="q" class="hidden">
  <input type="submit">
</form>

<input type="text" id="input2">

CSS

.hidden {
  display: none;
}

HTML

let form = document.querySelector('#form1');
let input1 = document.querySelector('#form1 input[type="text"]');
let input2 =  document.querySelector('#input2');

input2.addEventListener('change', function() {
  let value = input2.value;
  input1.value = value;

  form.submit();
})

演示链接：https://codepen.io/riazahmed0147/pen/BMdJyG

【讨论】：