2016-05-27 2 views
0

autocomplete(Google Maps API)の入力フィールドを変更するにはどうすればよいですか?Googleオートコンプリートの入力フィールドを変更するには

autocomplete = new google.maps.places.Autocomplete(inputField, options); 

function func1() { 
// switch element inputField to inputField2 (how?) 
} 
+0

あなたが達成したいものを明確にすることはできますが役に立てば幸い?変更入力フィールドに関する明確化。前もって感謝します。 –

+0

私はいくつかの入力フィールドを持っています。入力フィールドのいずれかにフォーカスがある場合は、選択したフィールドでオートコンプリートを実行する必要があります。フィールドごとにオートコンプリートを作成したくない。 –

答えて

0

これを試してみてください:

<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でそれぞれオートコンプリート変数を作成し、単一のリスナーまたは複数のリスナーを作成します。

私は、これは

関連する問題