Запуск системы пользовательского поиска Google с пользовательским вводом текста

Я хочу добавить систему пользовательского поиска Google для веб-сайта, как Google говорит, что вы должны это делать, это копирование скрипта и тега gcse, поскольку он автоматически генерирует ввод и кнопку поиска, которая работает нормально.

Я хочу запустить поиск с помощью другого ввода текста, есть ли способ запустить тот же сценарий, как если бы я использовал сценарий Google для копирования и вставки, но с моим собственным текстовым полем?


person Sebastian Rivera Soto    schedule 05.02.2019    source источник


Ответы (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

person Riaz Ahmed    schedule 05.02.2019