Проблема при вызове пользовательского тега google поиска в javascript

Question

Я использую пользовательский поиск Google api, но я не хочу, чтобы текстовое поле по умолчанию для поиска Google было таким же, как и для одного и того же резона. Я искал новое текстовое поле и одну кнопку. При щелчке по моей пользовательской кнопке я извлекаю значение ключа поиска из своего пользовательского текстового поля и помещаю его в текстовое поле по умолчанию для поиска Google. Но в моей функции javascript я не могу выполнить событие click из кнопки отправки google. Я знаю имя класса google search submit теперь, как я могу сделать событие click в моей функции java-скрипта?

Google Search dubmit имя кнопки класс «GSC-розыскная кнопку GSC-розыскная-кнопка-v2»

Теперь следующим способом мне нужно выполнить событие щелчка на класс выше.

<script> 
function myFunction() { 
    document.getElementById('gsc-i-id1').value = document.getElementById('customTextBox').value; 
// here I need to perform click event for "gsc-search-button gsc-search-button-v2" class 
} 
</script>script> 

У меня есть демонстрационный пример в следующей ссылке,

http://jsfiddle.net/3L4fd63g/3/

Любые предложения, пожалуйста,

Answer 1

Я вижу jquery тег так Heres один вариант работы с отправке в виде так клавиша ввода в текстовом поле также выполняет поиск.

также, чтобы выполнить щелчок вам просто нужно позвонить .click()

// Make sure in jsFiddle you have selected option onLoad. 
 
(function() { 
 
    var cx = '017643444788069204610:4gvhea_mvga'; // Insert your own Custom Search Engine ID here 
 
    var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; 
 
    gcse.src = (document.location.protocol == 'https' ? 'https:' : 'http:') + 
 
     '//www.google.com/cse/cse.js?cx=' + cx; 
 
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); 
 
})(); 
 

 
$(function(){ 
 

 
    $('#search').submit(function(e){ 
 
    $('.gsc-input').val($('#customTextBox').val()); 
 
    $('input.gsc-search-button').click(); 
 
    e.preventDefault(); 
 
    }); 
 

 
});

.search-box{ 
 
    display:none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<form id="search"> 
 
    <input type="text" id="customTextBox"/> 
 
    <input type="submit" value="Click me" /> 
 
</form> 
 

 
<div class="search-box"> 
 
    <gcse:searchbox></gcse:searchbox> 
 
</div> 
 

 
<gcse:searchresults></gcse:searchresults>