Copy All form data to clipboard

Question

I am able to copy from textbox but i have a html form which contains field names and values. Below image has the sample form.

When i click on copy to clipboard and paste, it should print the following : -

***** Customer Details *****
Name : JOHN
City : DELHI

As screenshot shows, i want to copy form data to clipboard

Any help much appreciated. Thanks in advance.

Possible duplicate of [Click button copy to clipboard using jQuery](http://stackoverflow.com/questions/22581345/click-button-copy-to-clipboard-using-jquery) — Vilas Kumkar, Feb 21 '17 at 12:10

Carsten Løvbo Andersen · Answer 1 · 2017-02-21T12:14:56.093

0

This does not copy value, but get the value from the inputs and print it into the console.

To copy it. Take a look at this link or you can use this plugin clipboardjs

$('#Ctc').click(function() {
  var name = $('#Name').val()
  var City = $('#City').val()
  
  var ret = "***** Customer Details ***** \n\r Name : "+name+" \n\r City : " + City;
  console.log(ret)
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>



<input placeholder="Name" id="Name"></input>
<input placeholder="City" id="City"></input>
<button id="Ctc">Copy to clipboard</button>

edited Feb 21 '17 at 12:14

answered Feb 21 '17 at 12:12

Carsten Løvbo Andersen

26,637
10
47
77

@VaTz88 If you read my post, it clearly says that. I have include the links for a few ways to do it – Carsten Løvbo Andersen Feb 21 '17 at 12:15
The issue is the copy to clipboard? – MartinWebb Feb 21 '17 at 12:19
@MartinWebb well since haven't posted code, its hard to guide him more than i have already, Since SO is not a "Build it all for me" service – Carsten Løvbo Andersen Feb 21 '17 at 12:24

Copy All form data to clipboard

1 Answers1