文章/答案/技术大牛

发布

社区首页 >问答首页 >使用autosuggest创建搜索框

问使用autosuggest创建搜索框
EN

Stack Overflow用户

提问于 2016-02-20 19:08:24

回答 1查看 829关注 0票数 1

我正在尝试制作一个带有google/bing“自动提示”功能的搜索框。在搜索了这个站点之后，我发现最接近这个的是这里：Custom box with autocomplete from Google/Bing. Is there any way to read the received json file?

jsfiddle.net上的脚本运行得很好，但是当我尝试复制代码时，它却不起作用。

下面是我的代码：

<html>
<head>

<script>
$(function () {
    $("#hulk").autocomplete({
        source: function (request, response) {
            console.log("source");
            $.ajax({
                url: "http://api.bing.com/osjson.aspx?Query=" + encodeURIComponent(request.term) + "&JsonType=callback&JsonCallback=?",
                dataType: "jsonp",
                /*data: {
                "Query": request.term,
                "JsonType": "callback",
                "JsonCallback" : "?"
            },*/


                success: function (data) {
                    console.log("success!");
                    var suggestions = [];
                    $.each(data, function (i, val) {
                        console.log("suggestion: " + val);
                        suggestions.push(val);
                    });
                    response(suggestions);

                }
            });
        }
    });
});

</script>
</head>

<body>
<input type="text" id="hulk" />
 </body>
</html>

我不是编码方面的专家(主要使用php)，如果能帮助我完成这项工作，我将不胜感激:)

提前感谢！

php

api

search-engine

bing

autosuggest

回答 1

Stack Overflow用户

发布于 2020-01-29 16:11:14

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/js/standalone/selectize.min.js" integrity="sha256-+C0A5Ilqmu4QcSPxrlGpaZxJ04VjsRjKu+G82kl5UJk=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/css/selectize.bootstrap3.min.css" integrity="sha256-ze/OEYGcFbPRmvCnrSeKbRTtjG4vGLHXgOqsyLFTRjg=" crossorigin="anonymous" />
</head>
<body>
  <select id="select-state" placeholder="Pick a state...">
    <option value="">Select a state...</option>
    <option value="AL">Alabama</option>
    <option value="AK">Alaska</option>
    <option value="AZ">Arizona</option>
    <option value="AR">Arkansas</option>
    <option value="CA">California</option>
    <option value="CO">Colorado</option>
    <option value="CT">Connecticut</option>
    <option value="DE">Delaware</option>
    <option value="DC">District of Columbia</option>
    <option value="FL">Florida</option>
    <option value="GA">Georgia</option>
    <option value="HI">Hawaii</option>
    <option value="ID">Idaho</option>
    <option value="IL">Illinois</option>
    <option value="IN">Indiana</option>
  </select>
</body>
</html>
<script>
$(document).ready(function () {
      $('select').selectize({sortField: 'text'});});</script>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/35522360

复制

相似问题

问使用autosuggest创建搜索框
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用autosuggest创建搜索框EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用autosuggest创建搜索框
EN