Google 맞춤 검색을 내 모든 정의 된 검색 창과 결합하려면 어떻게해야합니까?

Question

내가 얻으려고하는 것은 이미 기존 검색을 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() {... 

을 그래서 지금은 구글 맞춤 검색을 조작 할 수 있는지 궁금하고, 그 나는 여러 검색 상자가되지 않습니다 방법, 그리고 하나 개의 재미 검색 상자에서 검색을 입력하면 YouTube 검색 API에 해당 동영상이 표시되고 동시에 Google 맞춤 검색에서 해당 입력 결과가 출력됩니다.
현재 두 가지 검색 상자가 서로 다른 두 가지 작업을 수행하고 있지만 최종 목표는 두 가지를 결합한 다음 두 개가 아닌 하나의 검색 창을 클릭하는 것입니다.

Answer 1

이 방법을 사용하는 유일한 방법은 아약스를 사용하여 양식을 제출하고 Google 검색 결과에 상단 또는 각 요소 사이에 자신의 검색 결과를 삽입하는 것입니다.