Algolia 지역 정보 오류 'container'가 <input> 요소를 가리켜 야합니다.

나는 가입 페이지에 Algolia Places를 구현하고 도시 입력에 적용하려고 애 쓰고 있습니다.Algolia 지역 정보 오류 'container'가 <input> 요소를 가리켜 야합니다.

콘솔 오류 : 알려지지 않은 오류 : Algolia Places : '컨테이너'는 요소를 가리켜 야합니다.

내가 성공하지 않고 다양한 선택기를 시도했다 :

용기 : "# 아이디 도시"
용기 : document.querySelector ('#의 id_city')
용기 : document.querySelector ('입력 # 1 id_city')
용기 : document.querySelector ("입력 [ID = 'id_city']")
용기 : document.querySelector ("입력 [NAME = '도시']")

나는 그것이 바보 같지만 내가 잘못하고있는 것이 무엇인지 모르겠다. ...

당신의 도움에 감사드립니다!

<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 지역 정보 오류 'container'가 <input> 요소를 가리켜 야합니다.

답변

관련 문제