Algolia Places錯誤「container」必須指向<input>元素

我一直在試圖將Algolia Places應用到我的註冊頁面，並努力讓它適用於城市輸入。Algolia Places錯誤「container」必須指向<input>元素

控制檯錯誤： 未捕獲錯誤：Algolia Places：'container'必須指向一個元素。

我已經試過各種選擇都沒有成功：

容器：「＃ID城」
容器：document.querySelector（ '＃id_city'）
容器：document.querySelector（ '輸入＃id_city'）
容器：document.querySelector（「輸入[ID = 'id_city']」）
容器：document.querySelector（「輸入[名稱= '城市']」）

我敢肯定，這是愚蠢的東西，但不知道我做錯了什麼......

感謝您的幫助！

<input type="text" class="form-control " name="city" id="id_city" value="" size="20" maxlength="120"> 


<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script> 
<script> 

var options = { 
    container: "#id-city", 
    type: "city", 
}; 
places(options); 
</script>

來源

2017-11-18 Oliver Trampleasure

奧利弗結帳的答案，如果是足夠您的需要 –

只是以下是好的。運行該片段。

<script type="text/javascript"> 
     var placesAutocomplete = places({ 
     container: document.getElementById('id_city') 
     }); 
    </script>

<!DOCTYPE html> 
 
<html> 
 

 
    <head> 
 
    <script src="https://cdn.jsdelivr.net/npm/[email protected]"></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>

來源

2017-11-18 11:44:27

啊謝謝，我已經試過了劇本，但我的錯誤是把所有的代碼在標題中，而之前不是身體正在關閉。 –

Algolia Places錯誤「container」必須指向<input>元素

回答

相關問題