You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

点击按钮将ID为code的<p>文本复制到指定输入框的PHP实现方法

点击按钮复制文本到指定输入框的实现方案

直接通过内联JavaScript就能实现需求,代码示例如下:

<!-- 触发按钮 -->
<button onclick="document.querySelector('[data-field-id=\"6197c68b4c806\"]').value = document.getElementById('code').textContent;">复制文本</button>

<!-- 待复制的文本元素 -->
<p id="code">这里是需要复制的文本内容</p>

<!-- 目标输入框 -->
<input type="text" data-field-id="6197c68b4c806">

代码说明:

  • document.getElementById('code').textContent:获取ID为code的<p>元素中的文本内容
  • document.querySelector('[data-field-id="6197c68b4c806"]'):通过data-field-id属性定位到目标输入框
  • 将获取到的文本赋值给输入框的value属性,完成内容填充

内容的提问来源于stack exchange,提问作者Ethan

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.24 08:06:18