将所有表单数据复制到剪贴板

Question

我可以从文本框复制，但我有一个包含字段名称和值的html表单。下面的图片包含样本表单。

当我点击复制到剪贴板并粘贴时，它应该打印以下内容： -

*****客户详情*****
姓名：JOHN
城市：DELHI

如截图所示，我想将表单数据复制到剪贴板

任何帮助非常感谢。提前谢谢。

Answer 1

这不是copy值，而是从inputs获取值并将其打印到控制台中。

要复制它。请查看this link，或者您可以使用此插件clipboardjs

＆＃13;

＆＃13;

$('#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)
})

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;