javascript - 单击按钮将 <div> 的内容添加到文本框

标签 javascript html forms

首先我创建了一个<div>....</div>它使用 javascript 函数隐藏在页面加载中。然后我使用表单创建了一个空文本框。现在,当任何人单击按钮时,隐藏的全部内容 <div>....</div>应加载到表单的文本框中。这应该是什么代码?

最佳答案

也许这样

<div id="hiddendiv"><strong>some</strong> content</div>
<button onclick="copyfunction();">click me</button>
<textarea id="textarea"></textarea>

<script>
    function copyfunction() {
        var textarea = document.getElementById('textarea');
        var hiddendiv = document.getElementById('hiddendiv');
        textarea.value = hiddendiv.innerText;
    }
</script>

已测试,有效

关于javascript - 单击按钮将 <div> 的内容添加到文本框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13103373/

相关文章:

php - 单击按钮后运行 PHP 代码但不刷新页面

javascript - 如何在 node.js sequelize 中使用 varchar?

html - 是否可以根据一行中文本的长度来减小 div 的宽度?

javascript - Discord.js 的冷却系统问题

html - 使响应式菜单与上面的图片/标题宽度相同

javascript - 设置 body 高度宽度css表达式

html - 使用 Mailchimp 表单时如何更正提交按钮对齐方式?

forms - 网络抓取以填写(和检索)搜索表格?

javascript - 向一个元素添加多个事件监听器

javascript - 在主干中呈现 html 不起作用