2014-02-26 1 views
0

내 페이지에 Google 자동 완성 양식이 있습니다. 내가 뭘 하려는지 폼에서 도시 필드에 대한 변경 사항을 쿼리베이스 및 아약스와 PHP를 통해 페이지에 결과를 표시하는 데 사용하는 것입니다. 사용자가 Google 자동 완성 양식에 익숙하다면 사용자는 입력 필드 하나에 무엇인가를 입력하고 양식을 완성하면 양식이 데이터로 채워집니다.Onchange가 Google 양식 자동 완성으로 필드 변경을 감지하지 않습니다.

양식이 Google 검색 기능으로 채워지는 경우 아무런 문제가 발생하지 않지만 도시 입력란에 수동으로 내용을 입력하면 모든 기능이 정상적으로 작동하는 것입니다. 나는 onchange 및 oninput 이벤트를 시도했지만 기쁨은 없습니다. 변화를 감지 할 수

<div id="locationField"> 
     <input id="place" placeholder="Enter your address" 
      onFocus="geolocate()" type="text"></input> 
    </div> 

    <table id="address"> 
      <tr> 
     <td class="label">City</td> 
     <td class="wideField" colspan="3"><input class="field" id="locality" 
       disabled="true" **onchange="getCity(this.value)"**></input></td> 
     </tr> 
    </table> 

다른 방법 : 여기

는 HTML 레이아웃입니까?

+0

[google places autocomplete select에서 마우스 오른쪽 버튼으로 적절한 이벤트] 가능한 중복 (http://stackoverflow.com/questions/17153847/proper-event-in-google-places-autocomplete-select-with-mouse) – maazza

답변

1

대부분의 자동 완성은 onchange 이벤트를 발생시키지 않습니다 (브라우저 자동 완성의 경우도 마찬가지 임).

.addListener()을 사용하여 원하는 이벤트를 Google지도 자동 완성 개체에 바인딩해야합니다.

예를 들어 this other Stack Overlow answer (호르헤에 의해) 체크 아웃하고 거기에 수용된 대답에 게시 된 바이올린.

이벤트 처리 방법은 Google's own documentation을 참조하십시오.

관련 문제