谷歌自动完成无法处理具有相同类名的多个元素
Google autocomplete not working on multiple elements with same class name
我试图在多个类元素上使用Google Autocomplete,但它似乎不起作用。当我引用一个id时,它会起作用,如图所示,但不是用我的小提琴。这是我迄今为止的代码:
$(document).ready(function () {
addressLookup();
});
function addressLookup() {
var address = document.getElementsByClassName('form-control booking address');
var options = {
componentRestrictions: {
country: 'uk'
}
};
new google.maps.places.Autocomplete(address, options);
}
您需要遍历具有上述类的元素集合并创建。
var address = document.getElementsByClassName('form-control booking address');
for(var i=0; i< address.length; i++){
new google.maps.places.Autocomplete(address[i], options);
}
Fiddle
问题出现在函数getElementsByClassName的结果中。对于"自动完成",您需要一个元素,而不是数组。
function addressLookup() {
var address = document.getElementById('pickup');
var address2 = document.getElementById('destination');
var options = {
componentRestrictions: {
country: 'uk'
}
};
new google.maps.places.Autocomplete(address, options);
new google.maps.places.Autocomplete(address2, options);
}
相关文章:
- 具有相同类的jquery-click元素
- 使用jQuery创建具有不同类名或ID的多个元素
- 对具有相同类级别的不同li元素进行排序
- 计算具有相同类的元素的数量-jquery
- 显示/隐藏具有不同类的li元素
- 谷歌自动完成无法处理具有相同类名的多个元素
- 是什么阻止querySelectorAll处理此代码中具有相同类的所有元素
- Internet Explorer CSS类样式没有'如果存在具有相同类名的其他元素,则不适用
- 对于具有相同类的多个元素,只影响jquery中单击的元素
- 使用 .each 循环遍历 Backbone View 中具有相同类的元素
- 隐藏具有相同类名的所有元素
- 如何包装彼此相邻且具有相同类的所有元素
- 如何在具有相同类的多元素中找到属性
- push 方法将元素添加到数组中不起作用,同时获取具有相同类的元素的 ID 和值
- Jquery .on('click') 奇怪的行为 - 选择所有具有相同类名的元素
- 仅当具有相同类的元素的中间使用 jQuery 航点到达视口时,才淡入具有相同类的元素
- JavaScript 将事件添加到相同类名的元素
- 在 jquery 中更改具有相同类的多个 html 元素中的文本
- Javascript - 将唯一的元素 id 添加到具有相同类名的多个元素
- 获取jquery/css/javascript中相同类元素的最小宽度