Copy to Clipboard

Copy to Clipboard

HI,

I've came across a topic where @jakecigar have responded with an answer ( https://jsfiddle.net/jakecigar/dbzm58tn/11/). I'm currently using the code he gave but I can't seem to figure out having it to my liking.

Here's the code that I've changed so far.

  2. <html>

  4. <head>
  5. <script src="http://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  6. </head>

  8. <script>
  9. $(document).on('click', '.copy', function(e) {
  10.   var serialized = $(this.form).serializeArray()
  11.   var text = serialized.map(function(field) {
  12.     return field.name+": "+field.value
  13.   }).join("\n")

  15.   $("#copy").show().val(text)[0].select();
  16.   document.execCommand("copy");
  17.   $("#copy").hide();
  18.   alert("Copied the form: " + text);

  20.   return false

  22. })
  23. </script>

  25. <form>
  26.   <label>Name: <input type="text" name="Name" value="" size="30"></label><br>
  27.   <label>Address: <input type="text" name="Address" value="" size="30"></label><br>
  28.   <label>Phone #: <input type="text" name="Best Phone #" value="" size="30"></label><br>
  29. ********************<br>
  30.   <label>Model: <input type="text" name="Model" value="" size="30"></label><br>
  31.   <label>SN: <input type="text" name="SN" value="" size="30"></label><br>
  32.   <button class=copy>copy</button>
  33. </form>
  34. <textarea id=copy name="hide" style="display:none;"></textarea>

  36. </html>
When clicking copy in the form created. It will paste it like this:


Name: Test
Address: Test
Best Phone #: Test
Model: Test
SN: Test

I need to have it pasted as: -


Name: Test
Address: Test
Best Phone #: Test
***************************
Model: Test
SN: Test

So it's like how the form looks like.



Hoping someone could help out.