jquery - Jqueryオートサジェストグーグルマップ-選択時にロード

Question

現時点では、Googleマップコードは次のように機能します。

入力ボックスに入力を開始すると、候補のリストが読み込まれます。次に、リストからこれらのオプションの1つをクリックすると、入力ボックスに表示されます。ただし、結果をロードするには、[検索]をクリックする必要があります。

オートサジェストリストからオプションをクリックすると、後で[検索]をクリックしなくても、結果が自動的に読み込まれるようにしたいと思います。

これは私が使用しているコードです。この質問を正しく説明したと思います。

http://jsfiddle.net/BxG9H/

Answer 1

このjsfiddleを確認してください。オートコンプリートウィジェットの「select」イベントをリッスンする必要があります。

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
                    };
                }));
            });
        }
    });
});