Copy input value text and paste/add to another input value text?

Question

I want to copy this input from page A and paste to page B

Let say this is 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>

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

I read that I can't copy and paste, so is there another way of it? like adding Page A input text straight to Page B input text, like "add to shopping carts?"

Thanks for all the expert here.

If you're moving data from one page to another, you should ideally be posting the data back to the server and processing it that way, rather than trying to do this client side. — Matthew Layton, Feb 20 '14 at 09:26

score 1 · Answer 1 · edited May 23 '17 at 12:28

If you have no option to use server-side programming, such as PHP, you could use the query string, or GET parameters.

In the form, add a method="GET" attribute:

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

When they submit this form, the user will be directed to an address which includes the serialNumber (for example) value as a parameter. Something like:

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

You should then be able to parse the query string - which will contain the serialNumber parameter value - from JavaScript, using the window.location.search value:

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

See also JavaScript query string.

The alternative is to store the values in cookies when the form is submit and read them out of the cookies again once the b.html page loads.

See also How to use JavaScript to fill a form on another page.

I kind of get it. but what do i write in b.html? I can't seems to get the outcome in b.html — user3322550, Feb 20 '14 at 11:48

score 0 · Answer 2 · answered Feb 20 '14 at 09:41

0

You can take this value either by form post method or use browser cookies and very easy to implement.

And the methods varies as per your programming language.

answered Feb 20 '14 at 09:41

Sushil Kandola

870
2
9
22

Ohh dear, I am not a tutor! Try goggling and make your concepts strong that how form post and cookies works. Which programming language you are following? – Sushil Kandola Feb 22 '14 at 15:03
programming language? i'm still googling. most just show how to submit but not how to show on page b – user3322550 Feb 22 '14 at 15:23
php, asp or java etc? which language you are using? – Sushil Kandola Feb 23 '14 at 11:10
Follow tutorials, Post Method : http://www.w3schools.com/PHP/php_forms.asp and Cookies : http://www.w3schools.com/php/php_cookies.asp – Sushil Kandola Feb 24 '14 at 04:59
No need to say thanks here. Can vote-up the answer :). – Sushil Kandola Feb 24 '14 at 11:59

Copy input value text and paste/add to another input value text?

2 Answers2