2014-02-20 84 views
0

我想这个输入从网页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输入文本,如“添加到购物车?”

感谢这里的所有专家。

+1

如果您要将数据从一个页面移动到另一个页面,理想情况下应该将数据发回服务器并进行处理,而不是尝试执行此客户端。 – series0ne

+0

嗯,这样,但我该怎么做?使用PHP文件? – user3322550

回答

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

+0

我有种得到它。但我在b.html中写什么? 我似乎无法得到b.html – user3322550

0

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

而且方法因您的编程语言而异。

+0

的结果你能教我怎么做吗?谢谢 – user3322550

+0

哦,亲爱的,我不是家教!尝试使用goggling并使您的概念强大,即表单帖子和Cookie如何工作。你在使用哪种编程语言? –

+0

编程语言? 我仍然使用Google。大多数只是显示如何提交,但不是如何显示页面b – user3322550

相关问题