jquery - Jquery autosuggest google maps - 加载选择

Question

目前，谷歌地图代码的工作方式如下：

当您开始在输入框中输入内容时，它会加载建议列表。然后，当您从列表中单击其中一个选项时，它会将其放入输入框中。但是，那么您仍然必须单击查找来加载结果。

我想拥有它，因此当您单击自动建议列表中的选项时，它会自动加载结果，而无需随后单击“查找”。

这是我正在使用的代码。我希望我正确地解释了这个问题。

http://jsfiddle.net/BxG9H/

Answer 1

检查这个jsfiddle。您必须收听自动完成小部件的“选择”事件。

http://jsfiddle.net/Rr5PL/

编辑

$(function() {
    $(PostCodeid).autocomplete({
        //This bit uses the geocoder to fetch address values


        // ONLY THIS PART :)
        select: function( event, ui ) {
          // first SET value before trigger click event
          $(this).val($(ui.item).attr('value'));
          $('#findbutton').click();
        },


        source: function(request, response) {
            geocoder.geocode({
                'address': request.term
            }, function(results, status) {
                response($.map(results, function(item) {
                    return {
                        label: item.formatted_address,
                        value: item.formatted_address
                    };
                }));
            });
        }
    });
});