2017-11-18 13 views
1

我一直在試圖將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> 
+0

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

回答

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

+0

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

相關問題