Algolia Places 错误 'container' 必须指向 <input> 元素

Question

我一直在尝试将 Algolia Places 实施到我的注册页面中，并努力将其应用于城市输入。

控制台错误： 未捕获的错误：Algolia Places：'container' 必须指向一个元素。

我试过各种选择器都没有成功：

容器：“#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>

Answer 1

下面的就可以了。运行片段。

<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>

Algolia Places 错误 'container' 必须指向 <input> 元素

Algolia Places error 'container' must point to an <input> element

javascript

algolia