Question

我想为网站添加Google自定义搜索引擎，Google表示您应该如何复制脚本和gcse标签，因为它会自动生成输入和搜索按钮，效果很好。

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

Answer 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

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

1 个答案: