将自动填充功能添加到自定义搜索框Google自定义搜索

时间:2016-09-19 17:19:32

标签: google-custom-search

我目前在使用Google自定义搜索的结果页面上拥有自动填充功能,但如何在单独的自定义搜索框中看到自动填充显示?

<script type="text/javascript">
        $(document).ready(function () {
            $("#googleCseSearchTextBox").keypress(function (e) {
                var code = (e.keyCode ? e.keyCode : e.which);
                if (code == 13) { //Enter keycode
                    googleCseSubmit();
                    return false;
                }
            });

            $("#googleCseSearchButton").click(googleCseSubmit);
        });

        function googleCseSubmit() {
            window.location.href = "my site and key" + $('<div/>').text($("#googleCseSearchTextBox").val()).html();
        };
</script>

自定义搜索框:

<div>
	<fieldset class="sfsearchBox">
         <input name="googleCseSearchTextBox" type="text" id="googleCseSearchTextBox" class="sfsearchTxt" />
         <input type="button" value="Search" id="googleCseSearchButton" class="sfsearchSubmit" />
    </fieldset>
</div> 

由于

1 个答案:

答案 0 :(得分:0)

在您的第一页上插入此代码以进行自动完成。不要忘记在下面添加您自己的Google ID。

fill

另请查看此处以获取更多参考资料

https://developers.google.com/web-search/docs/