Google自动填充搜索栏的默认值

时间:2016-07-08 20:38:17

标签: javascript jquery autocomplete google-places

我在地图搜索栏中使用Google自动填充功能。我已将允许的建议限制在美国的城市。

当有人输入' asdasd'他当然不会得到任何建议。

我正在浏览所有可用的文档,但我们找不到我要找的东西。

有没有办法,当没有可用的建议时,默认文本会显示出来。就像下拉说法:对不起,没有与您的搜索结果匹配的内容。

2 个答案:

答案 0 :(得分:0)

您可以设置if例如:

的语法
if (places !=null){
mSuggestionText.setText(your place list);
}
else{
mSuggestionText.setText("Sorry, nothing matching your search result is available.");
}

希望这有帮助。

答案 1 :(得分:0)

我找到了一招...... 请参阅我的 Fiddle

此脚本检查建议ul(由jQuery-UI自动完成创建的下拉列表)是否在密钥后200毫秒具有类display:none

$(document).ready(function(){
    var suggestions = [
                    "allo",
                    "bonjour"
                    ];
    $("#myAutocomplete").autocomplete({
        source: suggestions
    });

    $("#myAutocomplete").on("keyup",function() {
        //console.log("typing");
        setTimeout(function(){
            if(( $(".ui-autocomplete").css("display") == "none" ) && ( $("#myAutocomplete").val() != "" )){
                console.log("No result!");
                $("#myAutocompleteMsg").html("Sorry, nothing matching your search result is available.");
            }else{
                $("#myAutocompleteMsg").html("");
            }
        },200);
    });
});