Javascript 谷歌自动完成结果失败

我使用的是一个标准的谷歌自动完成功能，它不起作用。我一定是在什么地方给它传递了错误的值。当我输入一个字符时，自动完成会触发，它会从DOM中删除用于结果的数据列表（locationAddressList）和输入字段（locationAddress）

html

---

什么是

$（addressInput）.load（自动完成）？请提供一个演示此问题的示例。为什么要调用
$（addressInput）.load（自动完成）？我认为addressInput应该是指我传递给函数的输入字段ID。我应该调用什么呢？我在您的fiddle示例中看到的唯一不同之处是您注释掉了var places=$（addressInput）.load（自动完成）；当我注释掉它时，输入字段不再消失，但数据列表没有得到任何结果。我复制并粘贴了你的fiddle代码，它在$（addressInput+“List”）.append（places）上爆炸。因为设置places值的部分在你的代码中注释掉了，所以我不知道你的示例实际上是如何或为什么工作的，但它确实出现在你的小提琴页面上。
        <section>Address<input id="locationAddress" class="address" type="text" list="locationAddressList" onkeyup="getGoogleAddresses('locationAddress');" />
        <datalist id="locationAddressList" style="font-size:12px"></datalist>
        </section>

function getGoogleAddresses(ID) {
var addressInput = "#" + ID;
var options = {
    componentRestrictions: { country: "us" }
};

var autocomplete = new google.maps.places.Autocomplete($(addressInput)[0], options);
var places = $(addressInput).load(autocomplete);
//places = places.slice(0, -15);
$(addressInput + "List").append(places);