从动态div获取当前textContent

Question

我有一个名为fnmessages的div，它显示用户通过输入表单发送的消息。我试图从fnmessages获取消息并将它们插入一个名为hidden_​​messages的隐藏div中。

我设法将fnmessages中的当前消息传递给hidden_​​messages，但问题是当添加另一条消息时hidden_​​messages没有更新。

http://jsfiddle.net/tj4uk35g/

var mockD = document.getElementById("messages").textContent;
$('#hidden_messages').append(mockD);
var storyD = document.getElementById("hidden_messages").textContent;

有什么建议吗？

Answer 1

你的小提琴里没有按钮。您必须为按钮的click事件添加一个侦听器，然后使用输入的内容更新div。

http://jsfiddle.net/zy6k4Lhr/4/

document.getElementById("my_button").addEventListener("click", updateHiddenMessages);

function updateHiddenMessages (e) {
    var text = $("#messages").text() + $("#my_input").val();
    $("#messages").text(text);
    $("#hidden_messages").text(text);
    console.log(text);
}