PHP点击按钮后在不同文本框中传递数据

PHP做了一个一键复制文本的按钮:“复制报告”,它的功能是将textarea文本框“影像征象ls”和“诊断意见ls”的内容分别添加进“影像征象”和“诊断意见”,即将“影像征象ls”的内容添加进“影像征象”框,将“诊断意见ls”的内容添加进“诊断意见”框,“影像征象”和“诊断意见”原先存在的文本保留,做添加,请问该如何实现呢?谢谢!

<input name="copybaogao" type="button" id="copybaogao" value="复制报告" /> 
<textarea name="影像征象ls" id="影像征象ls" ></textarea>
<textarea name="诊断意见ls" id="诊断意见ls"></textarea>
<textarea name="影像征象" id="影像征象"><?php echo $row_rsupdate['影像征象']; ?></textarea>
<textarea name="诊断意见" id="诊断意见"><?php echo $row_rsupdate['诊断意见']; ?></textarea>

引用chatgpt部分指引作答:
可以使用JavaScript来实现这个功能。当用户点击“复制报告”按钮时,可以通过JavaScript获取“影像征象ls”和“诊断意见ls”文本框中的值,然后将它们添加到“影像征象”和“诊断意见”文本框中。

以下是一个简单的示例代码:

<input name="copybaogao" type="button" id="copybaogao" value="复制报告" onclick="copyReport()" /> 

<script>
function copyReport() {
  // 获取影像征象ls和诊断意见ls文本框中的值
  var 影像征象ls = document.getElementById("影像征象ls").value;
  var 诊断意见ls = document.getElementById("诊断意见ls").value;

  // 将值添加到影像征象和诊断意见文本框中
  document.getElementById("影像征象").value += 影像征象ls;
  document.getElementById("诊断意见").value += 诊断意见ls;
}
</script>

上述代码中的JavaScript函数应该在页面加载时定义,并且按钮的onclick事件应该调用这个函数。此外,如果需要更加复杂的文本处理,可以使用JavaScript中的字符串函数和正则表达式来实现。

<script>
    // 获取“复制报告”按钮
    var copyButton = document.getElementById("copybaogao");
    
    // 监听按钮点击事件
    copyButton.addEventListener("click", function() {
        // 获取“影像征象ls”和“诊断意见ls”文本框
        var 影像征象ls = document.getElementById("影像征象ls");
        var 诊断意见ls = document.getElementById("诊断意见ls");
        
        // 获取“影像征象”和“诊断意见”文本框
        var 影像征象 = document.getElementById("影像征象");
        var 诊断意见 = document.getElementById("诊断意见");
        
        // 在原有内容的基础上添加新内容
        影像征象.value += 影像征象ls.value;
        诊断意见.value += 诊断意见ls.value;
    });
</script>

您可以使用 JavaScript 中的 Clipboard API 来实现复制操作。具体实现步骤如下:

  1. 给复制按钮添加点击事件,并在点击事件中获取文本框中的内容。
  2. 使用 Clipboard API 中的 writeText() 方法将内容写入剪贴板。
  3. 根据需求将内容添加到相应的位置。
    具体代码示例如下:
html
<!-- HTML -->
<textarea id="image" placeholder="影像征象"></textarea>
<textarea id="diagnosis" placeholder="诊断意见"></textarea>
<button id="copy-btn">复制报告</button>
javascript
// JavaScript
const copyBtn = document.getElementById("copy-btn");
copyBtn.addEventListener("click", () => {
  const imageText = document.getElementById("image").value;
  const diagnosisText = document.getElementById("diagnosis").value;
  
  // 写入剪贴板
  navigator.clipboard.writeText(`${imageText}\n${diagnosisText}`);
  
  // 填充文本框内容
  const imageBox = document.getElementById("image-box");
  imageBox.value = `${imageBox.value}\n${imageText}`;
  
  const diagnosisBox = document.getElementById("diagnosis-box");
  diagnosisBox.value = `${diagnosisBox.value}\n${diagnosisText}`;
});

在上述代码中,我们先获取了两个文本框中的内容,然后使用 writeText() 方法将内容写入剪贴板。接着根据需求将内容添加到文本框中。需要注意的是,这里使用了 \n 换行符来进行分隔,可以根据需求调整。