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

我在表单中有一个文本区域，当你发布qestion或回答时，我需要查看我在这个站点上的单独div中键入的内容。 在文本区域中，当按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>

---

注意：我实际上不需要任何html功能，只需要插入新行的纯文本。

尝试将changetext div更改为pre标记。然后它应该保留所有回车。

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

var target = $("target_div");
$('textarea').bind("keydown",function() {
  target.html($(this).val().replace(/\r\n/g,'\n').replace(/\n/g,'<br>'));
});

处理Unix和Windows换行符

您可以在pre中插入文本，但它不会为您包装文本

处理Unix和Windows换行符

---

您可以在pre中插入文本，但它不会为您包装文本

有趣。但是这需要额外的功能，因为couse使用.html，我可以插入任何html标记，甚至可以插入任何其他页面的框架。不用了，不过谢谢你的提醒。但是这需要额外的功能，因为couse使用.html，我可以插入任何html标记，甚至可以插入任何其他页面的框架。不用了，谢谢