如何复制（或什至有一个按钮将其全部选中）html中的document.getelementbyid输出字段？

Question

我试图从本质上设置一个按钮，该按钮将复制一堆将输出到document.getelementbyid输出的文本，以帮助我在工作中。 到目前为止，这是我的输出内容，一切正常，但是希望有一个按钮可以自动突出显示我所有输入字段中的所有内容。

function display(){

    var caller = document.getElementById("form1").value;
    var ctn = document.getElementById("form2").value;
    var fan = document.getElementById("form3").value;
    var business = document.getElementById("form4").value;
    var requestor = document.getElementById("form5").value;
    var reason = document.getElementById("form6").value;
    document.getElementById("output").innerHTML = "form1: " + form1 + "<br>form2: " + form2 + "<br>form3: " + form3 + "<br>form4: " + form4 + "<br>form5: " + form5 + "<br>form6: " + form6;
}

这从顶部的输入字段中获取数据（自然，它们在文档中具有不同的名称和标签，只是无法在此处复制任何专有内容）。 下面的代码是单击按钮时要显示的按钮代码和段落代码，以便它出现在页面上供我选择。

<button onclick="display();" style="width: 50px; background-color:#3ea055">Submit</button>

<p id="output"></p>

我在网上尝试了几种不同的代码片段，以使其可以选择，复制或进行任何操作，但它无法正常工作。

Answer 1

您没有名为form1 form2等的变量，在输出区域中，我已将值更改为您的变量名称，请尝试以下操作

 function display(){ var caller = document.getElementById("form1").value; var ctn = document.getElementById("form2").value; var fan = document.getElementById("form3").value; var business = document.getElementById("form4").value; var requestor = document.getElementById("form5").value; var reason = document.getElementById("form6").value; document.getElementById("output").innerHTML = "form1: " + caller + "<br>form2: " + ctn + "<br>form3: " + fan + "<br>form4: " + form4 + "<br>form5: " + requestor + "<br>form6: " + form6; } 

Answer 2

在将值打印到output元素的行中，需要使用刚填充的变量。

document.getElementById("output").innerHTML = "form1: " + caller + "<br>form2: " + ctn+ "<br>form3: " + fan + "<br>form4: " + business + "<br>form5: " + requestor + "<br>form6: " + reason;