Question

我想从第A页复制此输入并粘贴到第B页

让我们说这是Page A：

<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>

这是Page 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>

我读到我无法复制和粘贴，所以有另一种方式吗？比如将Page A输入文本直接添加到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

然后，您应该能够使用window.location.search值从JavaScript解析查询字符串 - 其中包含serialNumber参数值：

// 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页面加载后再次从Cookie中读取它们。

另请参阅如何使用JavaScript to fill a form on another page。

Answer 2

您可以通过表单发布方法或使用浏览器cookie来获取此值，并且非常容易实现。

根据您的编程语言，方法会有所不同。

复制输入值文本并粘贴/添加到另一个输入值文本？

2 个答案: