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 来实现复制操作。具体实现步骤如下:
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 换行符来进行分隔,可以根据需求调整。