我一直在尝试将 Algolia Places 实现到我的注册页面中,并努力将其应用于城市输入。
控制台错误: Uncaught Error :Algolia Places:“容器”必须指向一个元素。
我试过各种选择器都没有成功:
- 容器:“#id-city”
- 容器:document.querySelector('#id_city')
- 容器:document.querySelector('input#id_city')
- 容器:document.querySelector("input[id='id_city']")
- 容器:document.querySelector("input[name='city']")
我确定这很愚蠢,但不知道我做错了什么......
感谢您的帮助!
<input type="text" class="form-control " name="city" id="id_city" value="" size="20" maxlength="120">
<script src="https://cdn.jsdelivr.net/npm/places.js@1.4.15"></script>
<script>
var options = {
container: "#id-city",
type: "city",
};
places(options);
</script>
最佳答案
只需以下内容即可。运行片段。
<script type="text/javascript">
var placesAutocomplete = places({
container: document.getElementById('id_city')
});
</script>
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/places.js@1.4.15"></script>
</head>
<body>
<input type="text" class="form-control " name="city" id="id_city" value="" size="20" maxlength="120" />
<script type="text/javascript">
var placesAutocomplete = places({
container: document.getElementById('id_city')
});
</script>
</body>
</html>
关于javascript - Algolia Places 错误 'container' 必须指向 <input> 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47365492/