2012-08-11 52 views
1

我絕不是一位專家編碼員,一直都在爲此付出努力。我試圖根據我的網站聯繫表單中的郵政編碼自動填充城市和州。我找到了一個叫做Ziptastic的好jQuery東西。我做了一個JSON調用(我認爲這就是它所稱的),並從Ziptastic網站中檢索數據。這裏是Ziptastic:http://daspecster.github.com/ziptastic/demo.html如何使用onLoad加載jQuery JSON。從郵政編碼表格獲取城市和州?

這裏是我有拉從Ziptastic網站的代碼,並進入城市&狀態到我的聯繫方式的代碼:

 $(document).on("keyup", "#zip", function(){ 
      var zip = this.value; 
      $.getJSON('http://zip.elevenbasetwo.com/v2/US/' + zip, function(json) { 
      $('#city').val(json.city); 
      }); 
      $.getJSON('http://zip.elevenbasetwo.com?zip=' + zip, function(json) { 
      $('#state').val(json.state); 
      }); 
     }); 

我的形式,現在運作良好,並正在更新我的在郵政編碼字段中輸入AND KEYUP後輸入城市和州字段。但是,這是問題...我的網站訪問者在我的網站主頁上輸入他們的郵政編碼,該郵政編碼已張貼到我的聯繫表單上,我正在嘗試自動填充該城市和州。我需要點擊該字段並點擊它進行更新。

我需要城市和州立即自動填充(onload)。

我無法弄清楚如何使用從我的主頁發佈到我的聯繫表單的zipcode值進行onLoad。

有人可以幫忙嗎?

感謝

回答

2

爲了使用Javascript功能來做到這一點,你必須使用你已經使用相同的代碼getJSON,但你實際上必須張貼字段的值呼應成代碼,而不是使用+ zip ...是這樣的:

$.getJSON('http://zip.elevenbasetwo.com?zip=<?php echo $_POST['zip']; ?>', function(json) { 
    $('#state').val(json.state); 
}); 

(假設你使用PHP在這裏這將是雖然其它語言幾乎等同,我敢肯定,你可以計算的那部分。 )

1
$(document).ready(function(){ 
     var zip = $("#zip").val(); 
     $.getJSON('http://zip.elevenbasetwo.com/v2/US/' + zip, function(json) { 
     $('#city').val(json.city); 
     }); 
     $.getJSON('http://zip.elevenbasetwo.com?zip=' + zip, function(json) { 
     $('#state').val(json.state); 
     }); 
}); 
+0

謝謝你們這個很棒!亞倫,我用你的解決方案,它是完美的。 – Newbie 2012-08-13 18:27:07

相關問題