如何将Google自定义搜索与我的所有预定义搜索框结合使用？

我想要实现的是将我现有的搜索与谷歌自定义搜索结合起来。我有这种形式的行动：如何将Google自定义搜索与我的所有预定义搜索框结合使用？

<div class="col-md-6 col-md-offset-3"> 
      <form action="#"> 
       <p><input type="text" id="search" placeholder="Type an artist name..." autocomplete="off" class="form-control" /></p> 
       <p><input type="submit" value="Search" class="form-control btn btn-primary w100"></p> 
      </form> 
      <div id="results"></div> 
     </div>

而且我想以某种方式使用jQuery可以点击搜索栏，它将代替看看谷歌的自定义搜索：

<div> 
     <script> 
      (function() { 
      var cx = 'myID'; 
      var gcse = document.createElement('script'); 
      gcse.type = 'text/javascript'; 
      gcse.async = true; 
      gcse.src = 'https://cse.google.com/cse.js?cx=' + cx; 
      var s = document.getElementsByTagName('script')[0]; 
      s.parentNode.insertBefore(gcse, s); 
      })(); 
     </script> 
     <gcse:search></gcse:search> 
    </div >

像到目前为止，我认为启动它，我会做到这一点：

$("form").on("submit", function() {...

所以现在我想知道如果我可以操纵谷歌定制搜索，这样我就不必多搜索框，只是一个好玩ctional搜索框，我可以在其中输入搜索内容，然后我可以让YouTube搜索API显示该视频，同时google自定义搜索将输出该输入的结果。
截至目前，我有两个搜索框做两件不同的事情，但我的最终目标是将它们合并，然后我只需点击一个搜索栏，而不是两个。

来源

2017-05-08 Kono Dio Da

我看到这种可能性的唯一方法是使用ajax提交表单并在每个元素之间或顶部或之间“注入”带有自己结果的Google结果。

来源

2017-05-08 03:44:24

如何将Google自定义搜索与我的所有预定义搜索框结合使用？

回答

相关问题