2016-04-23 28 views
-1

我正在製作一個預訂網站,其中前兩頁的表單幾乎相同。具有相同形式的要點是,如果用戶想要一些不同的結果,用戶可以再次搜索 那麼,如何將第一頁上的表單輸入傳輸到下一頁上的另一個表單呢? 我確實嘗試了location.search,但這給了我一些複雜的輸入。 如果我已經選擇了18歲作爲我的年齡在第一頁上它應該攜帶另一個。 注意:我在不同的網頁上有這兩種形式的輸入類型的類似id,因爲我必須繼承一些對象。在下一個網頁上將一個表單的值轉換爲另一個表單

回答

0

我相信只有使用javascript才能將數據從一個頁面傳輸到另一個頁面的最直接和最簡單的方法是讓您的表單使用GET。然後,您可以從頁面的url中讀取GET數據,然後顯示/使用這些數據。

這是一段代碼。

第1頁(page1.html)

<html> 
    <head> 
    <title>Page 1</title> 
    </head> 
    <body> 
    <form action="page2.html" method="GET"> 
     <input type="text" name="name" /> 
     <input type="submit" /> 
    </form> 
    </body> 
</html> 

第2頁(page2.html)

<html> 
    <head> 
    <title>Page 2</title> 
    </head> 
    <body> 
    <span id="data"></span> 
    <script type="text/javascript"> 
     function getParameterByName(name, url) { 
     if (!url) url = window.location.href; 
     name = name.replace(/[\[\]]/g, "\\$&"); 
     var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"), 
      results = regex.exec(url); 
     if (!results) return null; 
     if (!results[2]) return ''; 
     return decodeURIComponent(results[2].replace(/\+/g, " ")); 
     } 
     document.getElementById("data").innerHTML=getParameterByName('name'); 
    </script> 
    </body> 
</html> 

P.S.我得到了getParameterByName函數從here

+0

嘿,我沒有jquery的知識,所以,這是走出我的腦海 var regex = new RegExp(「[?&]」+ name +「(=([^& #] *)|&|#| $)「),這是一個對象沒有意識到的相關方法。 – Dheeraj

+0

我還沒有使用過jQuery。僅供參考如果您看到'$('blah')'或'jQuery('blah')''的代碼,那麼您知道它最有可能是jQuery。要回答你的問題(這可能只會進一步混淆你),看起來像是一個正規表達式,正在拆分網址,考慮到可能有多個參數和一個可能的錨點。 – Sanchit

相關問題