JQuery 將值從表單域傳遞到另一個頁面上的表單域

Question

我想將用戶在表單字段中輸入的值從名為“productDetail”的頁面傳遞到名為“gmap-3”的頁面中的表單字段。

現在通常，如果兩個字段都在同一頁面上，我會做類似的事情：

$('#productDetail').live("pagecreate", function() {
    $('#submitPost').tap(function() {
        if ($('#postalFrom').val()== "" || null) {
            var postalCode = $('#postalFrom').val();
            alert("Enter postal code first.");
        } else {
            $('#from').val(postalCode);
        }
    });
});

但是考慮到表單字段“（'#from'）”在頁面“g-map3”而不是“productDetails”上，我該如何實現呢？

提前致謝 ！

Answer 1

從一頁轉到另一頁時，使用 url 傳遞值，例如

http://example.com?postalCode=11204&fname=john&lname=doe

然后使用 location.search 解析 url。 就像是

var params = location.search.substring(1,location.search.length).split("&");
for (var i = 0; i < params.length; i++)
{
  var field = params[i].split("=")[0];
  var value = params[i].split("=")[1];
  // process
}

編輯

忘了去掉 "?":P 因此 substring(1,location.search.length)

Answer 2

將您的第一個表單作為 GET 提交，以便變量出現在查詢字符串中。 然后在您的第二個表單上，您可以簡單地解析查詢字符串以獲取您的值。

document.location.search將包含您的 'foo=1&bar=2' 字符串

從那里您可以使用split()將其轉換為數組： var q = document.location.search.split('=');

現在您有了查詢字符串參數數組，並且在第 2 頁上獲取填充表單所需的數據很簡單。