これを試してみてください:
<script
src="https://maps.googleapis.com/maps/api/js?libraries=places">
</script>
<input type="text" id="loc1">
<input type="text" id="loc2">
<input type="text" id="loc3">
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
function initialize(){
var autocomplete1 = new google.maps.places.Autocomplete($("#loc1")[0], {});
var autocomplete2 = new google.maps.places.Autocomplete($("#loc2")[0], {});
var autocomplete3 = new google.maps.places.Autocomplete($("#loc3")[0], {});
google.maps.event.addListener(autocomplete1, 'place_changed', function() {
var place = autocomplete1.getPlace();
console.log(place.address_components);
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
私は、これは参考になると思う:autofill。 inputboxでそれぞれオートコンプリート変数を作成し、単一のリスナーまたは複数のリスナーを作成します。
私は、これは
あなたが達成したいものを明確にすることはできますが役に立てば幸い?変更入力フィールドに関する明確化。前もって感謝します。 –
私はいくつかの入力フィールドを持っています。入力フィールドのいずれかにフォーカスがある場合は、選択したフィールドでオートコンプリートを実行する必要があります。フィールドごとにオートコンプリートを作成したくない。 –