javascript - javascript getElementsByClassName 不适用于多个输入
问题描述
我正在尝试实现谷歌城市名称。我的代码是
<script src="https://maps.googleapis.com/maps/api/js?key=API_KEY&libraries=places"></script>
<script>
function init() {
var input = document.getElementsByClassName('place');
var autocomplete = new google.maps.places.Autocomplete(input);
}
google.maps.event.addDomListener(window, 'load', init);
</script>
我在页面上有许多表单,其中包含输入“地点”的多个实例
<input type="text" class="place" name="femaleplace" placeholder="Place of Birth" required>
<input type="text" class="place" name="maleplace" placeholder="Place of Birth" required>
但是没有任何效果。当我在页面上只有一个输入“地点”实例时,getElementById 工作正常。
解决方案
这行得通
function init() {
var input = document.getElementsByClassName('place');
for (i = 0; i < input.length; i++) {
autocomplete = new google.maps.places.Autocomplete(input[i]);
}
}
google.maps.event.addDomListener(window, 'load', init);
推荐阅读
- json - 无法在 jira 中发布 .json 文件
- postgresql - Postgres 服务未启动
- .net - MVC @HTML.ActionLink
- java - 通过 Jenkins 参数化 JUnit CucumberOptions
- json - 使用 Swift 解码器从 JSON 数组中提取属性
- node.js - 使用 sinon fake 进行单元测试无法解决承诺
- pytorch - 如何使用 Pytorch 将 FloatTensor 转换为 ByteTensor?
- ansible - ansible vmware windows 服务器
- java - 如何使用 findElements 检查下拉菜单中的复选框并获取?(java/seleniumWebDriver)
- php - 如何将 Wordpress 数据库导入纯 PHP MySQL 网站?