我如何在 html 中复制(甚至有一个按钮来选择它）一个 document.getelementbyid 输出字段

How do I copy (or even having a button to select it all) a document.getelementbyid output field in html?

本文关键字：选择 一个 document 字段 输出 getelementbyid 按钮 有一个 html 复制      更新时间：2023-09-26

我正在尝试设置一个按钮，该按钮将复制一堆文本，这些文本将输出到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>

我在网上尝试了几个不同的代码片段来让它选择或复制或其他什么，但它不起作用。

您没有名为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;
}

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

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