複製輸入值文本並粘貼/添加到另一個輸入值文本？

Question

我想這個輸入從網頁A複製並粘貼到網頁B

讓我們說，這是第一個：

<input type="text" class="Name" id="cName" Value="Hey" readonly/> 
    <input type="number" class="Qty" id="cQty" Value="1" readonly/> 
     <input type="text" class="Price" id="cPrice" Value="10" readonly/><button class="" id="copy">Copy/?Add to Page B?</button> 

這是網頁B：

<ol><button class="" id="add">Add</button> 
        <li> 
      <input type="text" class="Name" id="pName" Value="" readonly/> 
    <input type="number" class="Qty" id="pQty" Value="" /> 
       <input type="text" class="Price" id="pPrice" Value="" readonly/><button class="" id="cancel">Cancel</button> 
       </li><input type="text" class="Name" id="" Value="" readonly/> 
    <input type="number" class="Qty" id="tQty" Value="Total Quantity" readonly/> 
       <input type="text" class="Price" id="tPrice" Value="Total Price" readonly/></ol> 

我讀了我不能複製和粘貼，那麼還有其他方法嗎？例如將PageA輸入文本直接添加到Page B輸入文本，如「添加到購物車？」

感謝這裏的所有專家。

Answer 1

如果您沒有選擇使用服務器端編程（例如PHP），則可以使用查詢字符串或GET參數。

在表單中，添加一個method="GET「屬性：

<form action="b.html" method="GET"> 
    <input type="text" name="serialNumber" /> 
    <input type="submit" value="Submit" /> 
</form> 

當他們提交這種形式中，用戶將被引導到其中包括的serialNumber（例如）的地址值作爲一個參數的東西等。 ：

http://www.example.com/display.html?serialNumber=XYZ 

然後，您應該能夠解析查詢字符串 - 其中將包含serialNumber參數值 - 從JavaScript，使用window.location.search值：

// from b.html 
document.getElementById("write").innerHTML = window.location.search; // you will have to parse 
                    // the query string to extract the 
                    // parameter you need 

又見JavaScript query string.

另一種方法是將值存儲在cookie中當窗體的就是提交，並再次讀出來的餅乾一旦b.html頁面加載。

參見如何使用JavaScript to fill a form on another page。

Answer 2

您可以通過表單發佈方法或使用瀏覽器cookie來獲取此值，並且非常容易實現。

而且方法因您的編程語言而異。