Algolia发生错误&#39; container&#39;必须指向<input />元素

时间:2017-11-18 11:26:28

标签: javascript algolia

我一直试图将Algolia Places纳入我的注册页面,并努力将其应用于城市输入。

控制台错误: 未捕捉的错误:Algolia Places:&#39; container&#39;必须指向一个元素。

我尝试了各种选择器但没有成功:

  • 容器:&#34;#id-city&#34;
  • container:document.querySelector(&#39;#id_city&#39;)
  • container:document.querySelector(&#39;输入#id_city&#39;)
  • container:document.querySelector(&#34;输入[id =&#39; id_city&#39;]&#34;)
  • container:document.querySelector(&#34;输入[name =&#39; city&#39;]&#34;)

我确定它有点傻但不知道我做错了什么......

感谢您的帮助!

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

1 个答案:

答案 0 :(得分:2)

以下是好的。运行代码段。

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