自定义文本输入触发谷歌自定义搜索引擎

问题描述 投票:0回答:1

我想补充谷歌自定义搜索引擎的网站,谷歌怎么说,你应该做的是复制的脚本和GCSE的标签,因为它自动生成输入和搜索按钮,这工作得很好。

我想触发另一个文本输入搜索,有没有办法运行相同的脚本,如果我已经使用了复制粘贴谷歌的脚本,但我自己的文本框?

node.js web google-custom-search
1个回答
0
投票

您可以使用一个技巧这一点。

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

© www.soinside.com 2019 - 2024. All rights reserved.