jQuery自動完成：如何在向其中一個數據輸入數據時完成多個字段？

對於我的網站，我需要註冊用戶輸入他們的郵政編碼和城市，然後輸入一個城市就足以讓頁面自動填寫郵政編碼。jQuery自動完成：如何在向其中一個數據輸入數據時完成多個字段？

比方說，我有兩個領域：

<input id="city" name="city_field" type="text"> 
<input id="zip" name="zip_field" type="text">

自動完成的城市，我有這樣的代碼，這工作完全正常：

<script type="text/javascript"> 
    var data = ['New York', '...']; //I keep the entire list here 
    $(document).ready(function(){ 
     $("#city").autocomplete({ 
      source: data 
     }); 
    }); 
</script>

現在，我怎麼自動完成輸入城市時的郵政編碼？

（我一直都在變量的數據的，所以沒有需要連接到數據庫）

來源

2011-11-23 NoobDev4iPhone

您需要使用自動完成功能提供的event-select多數民衆贊成。

來源

2011-11-23 14:21:48

由於我是新來的jQuery，你能不能請您給一個代碼片段，讓我知道該怎麼做完全是。我將不勝感激。 – NoobDev4iPhone

我建議你實際嘗試和玩它，而不是要求我們的片段。 –

像這樣的事情

<script type="text/javascript"> 
var data = ['New York', '...']; //I keep the entire list here 
$(document).ready(function(){ 
    $("#city").autocomplete({ 
     source: data, 
     select: function(event, ui) { 
      $("input#city").val(ui.item.value); 
      $("input#zip").val(foo(ui.item.value)); // TODO Map to zip 
      return false; 
     }, 
    }); 
}); 
</script>

來源

2011-11-23 14:31:18 Farmor

jQuery自動完成：如何在向其中一個數據輸入數據時完成多個字段？

回答

相關問題