单击Button </div>时,将<div>的内容添加到文本框中

时间:2012-10-27 19:20:27

标签: javascript html forms

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

2 个答案:

答案 0 :(得分:2)

也许这样

<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>

测试,它的工作原理

答案 1 :(得分:0)

$("#textbox_id").val($("#div_id").html());