2014-02-26 57 views
0

我的網頁上有google autocomplete表單。我想要做的是使用從城市領域的變化,從表單查詢基地和通過ajax和PHP在頁面上顯示結果。如果您熟悉表單自動填充的Google表單,則用戶在一個輸入字段中輸入內容,並在完成表單時填入數據。Onchange沒有檢測到Google表單自動完成的字段更改

問題是,當表單填充了Google功能時,沒有任何內容可以觸發,但是當我在城市字段中手動輸入某些內容時,所有內容都應該如此。我嘗試了onchange和oninput事件,但沒有喜悅。

這裏是HTML佈局:

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

任何其他方式檢測改變?

+0

[在谷歌地方的自動完成選擇與鼠標適當的事件]可能的副本(http://stackoverflow.com/questions/17153847/proper-event-in-google-places-autocomplete-select-with-mouse) – maazza

回答

1

大多數自動完成將不會觸發onchange事件(瀏覽器自動完成也是如此)。

您需要使用.addListener()將想要的事件綁定到Google地圖自動填充對象。

舉個例子,檢出this other Stack Overlow answer(由Jorge提供)和小提琴發佈在接受的答案裏。

另請參閱Google's own documentation關於如何處理事件。