Question

我遇到了自动完成的一个小问题。我使用了一个base.jsp页面，它在init函数中有以下内容：

var input = document.getElementById('addressField');         
var autocomplete = new google.maps.places.Autocomplete(input, {
    types: ["geocode"]
});   

autocomplete.bindTo('bounds', map);

我有两个页面，one.jsp和two.jsp。

ons.jsp包含以下输入类型，该类型与自动完成相关联。这个有效。

<input type="text" class="form-control" name="address"  aria-label="..." id="addressField" value="">

two.jsp与之完全相同。但这个不起作用？

<input type="text" class="form-control" name="address" aria-label="..." id="addressField"  value="">

我不明白两个相同的输入字段如何有一个工作而一个不工作。两者共享相同的基础，并自动完成初始化。

有什么可能导致这种情况？我不知道在哪里看 -

Answer 1

我在这里开始：

var input = document.getElementById('addressField');         
console.log(input);
var autocomplete = new google.maps.places.Autocomplete(input, {
    types: ["geocode"]
});   
console.log(autocomplete);
console.log(map);
autocomplete.bindTo('bounds', map);   
console.log('--------------- Done -----------');
console.log(input);

然后查看浏览器日志的输出，看看有什么不同。计算机只做我们告诉他们的事： - ）

Google自动填充，多个页面

1 个答案: