2016-05-09 15 views
0

に制限javascriptのオートコンプリートのためのAPIを配置します選択。ここでGoogleが、私はこのAPIを使用してい提案

は私のコードです:

var ac = new google.maps.places.Autocomplete($('#txt').get(0)); 
ac.place_changed = function() { 
    // TODO: add code to verify address if required 
} 

これを行うには、オートコンプリートで、いくつかの設定がありますか...?

+0

ユーザが入力キーを押したとき、またはユーザが入力ボックスからフォーカスを外したときに、デフォルトで最初のオプションを選択することになりました。 –

+0

オートコンプリートに結果がない場合は、これはうまくいかず、検索ボックスにガベージテキストが表示されます。 .. –

答えて

0

私はいくつかのことを適用して解決策を見つけることができました。 formタグがreturnonsubmitを必要と

まず、:

<form action="..." method="get" onsubmit="return formSubmitted(this);"> 

第二、オートコンプリートは、取得した場所データと(ac_var例えば)変数を設定する必要があり

ac.place_changed = function() { 
    var pl = ac.getPlace(); 
    var addr = pl.address_components; 
    ac_var = addr[0].long_name; 
} 

第三、機能javascript:

function formSubmitted(frm) { 
    if (frm.txt.value == '' || ac_var == '') 
     return false; 

    return true; 
} 

addr[0].long_nameには、それが存在するかどうかを確認するためのチェックもあります。

関連する問題