Question

我正在创建一个记事本，以帮助使用户之间的注释保持一致。我无法将多个文本框复制到字符串。我已经附上了我所有的Java脚本。

我想用来将多个文本框链接到一个文本字符串中的复制按钮。重置按钮可用于清除页面，复制按钮可用于检查非空文本框。请帮助我将复制字符串复制到剪贴板。

我在Java脚本上尝试了很多不同的站点，但均未成功。我也查看了Stack Overflow，以查看是否可以找到一个关闭的项目。

input type="button" id="BtnSupSubmit" value="Copy" onclick="notEmptySup()" style="width: 87px"

<iframe id="description-frame" class="error" frameborder="0">
<html>
<head>
</head>
<body id="rte">
Here is example text
</body>
</html>
</iframe>

Answer 1

您拥有的大部分都是多余的。查看下面的内联评论：

// Get a reference to the form
let frm = document.querySelector("form")

// Set up a sumbit event handler for the form
frm.addEventListener("submit", function(evt){

  // Just get the locally formatted time
  var message = "Time: " + new Date().toLocaleTimeString() + 
                "\n***Supervisor Escalation***\n\n";

  // Get all the input elements
  let inputs = document.querySelectorAll("input");
  
  // Loop over them
  for(let i = 0; i < inputs.length; i++){
    if(inputs[i].value === ""){
      alert("Please enter the " + inputs[i].dataset.message);
      inputs[i].focus();     // Put focus on bad element
      evt.preventDefault();  // Cancel the form submit
      break;                 // Exit the loop
    } else {
      // Update the message
      message += inputs[i].dataset.message + ": " +
                 inputs[i].value + " \n";
    }
  }
  
  alert(message); // Do whatever you want with the message
});

<form action="https://example.com" method="post">
  <div><label>Name:<input data-message="callers name"></label></div>
  <div><label>Issue: <input data-message="reason for the escalation"></label></div>
  <div><label>Action: <input data-message="action you took to help the customer"></label></div>
  <div><label>Resolution: <input data-message="resolution of the call"></label></div>
  <button type="submit">Submit Ticket</button>
</form>

用于chrome的html复制命令可复制多个文本框

1 个答案: