如何在div中插入新行,使用jQuery显示texterea中的更改

Question

我在表单中有一个textarea,当你发布qestion或者回答时,我需要在这个网站上看到我在那里输入的内容.
在textarea中,我按下enter键时从新行获取文本,但div文本保持在同一行.我怎么去那里的新线？

我正在使用这个:

<script type="text/javascript">
        $('textarea#message').bind('keyup',function(){
            enteredText = $('textarea').attr('value');
            $('#changetext').text(enteredText);
        });
</script>
<div id="changetext">
</div>
<div><form id="sendgreet" action="">
            <dl>
                <dt><label for="message">Text:</label></dt><dd><textarea cols="24" rows="6" id="message"></textarea></dd>
            </dl>
        </form>
</div>

PS:我实际上并不需要任何html功能,只需要插入新行的纯文本.

Answer 1

尝试将"changetext"div更改为预标记.然后它应该保留所有的回车.