所以我在我的一个表单上有一个谷歌地图自动完成,当它得到一个位置时,它会占据这个位置并格式化它,以便所有正确的信息进入表单上的不同输入。
我遇到的问题是在 'place_changed' 事件触发自动完成填充输入之前。我想阻止最初的人口,而是填充我想要在那里的东西。
我尝试做一个更改事件,但它似乎没有正确触发。这是我的代码:
html:
<input type="text" name="address1" value="1255 W Washington St" required="" class="form-control" id="id_address1" placeholder="Enter a location" autocomplete="var input = /** @type {HTMLInputElement} */(
Run Code Online (Sandbox Code Playgroud)
js:
document.getElementById('id_address1'));
var autocomplete = new google.maps.places.Autocomplete(input);
google.maps.event.addDomListener(input, 'keydown', function(e) {
if (e.keyCode == 13) {
e.preventDefault();
console.log('enter');
}
});
google.maps.event.addDomListener(input, 'focusout', function(e) {
if ($('#id_address1').val() != $('#id_address1').attr('value')){
$('#id_address1').val($('#id_address1').attr('value'));
}
});off"
google.maps.event.addListener(autocomplete, 'place_changed', function() {
var place = autocomplete.getPlace();
if (place.address_components) {
var address = '';
for (var i = 0; i < place.address_components.length; …Run Code Online (Sandbox Code Playgroud) javascript jquery google-maps autocomplete google-places-api