$('#text').live('keypress',function (e) { if(e.keyCode == 13) { box = $(this); t_val = $(box).val(); if(t_val.length > 0) { $(this).prev().append('<div id="user">'+t_val+'</div>'); $(box).val(""); } e.preventDefault(); } });
#user{ border-top:1px solid #fff; border-bottom:1px solid #ddd; padding:15px; margin-bottom:0; background:#eee; } #parent{ width:500px; border:1px solid #ccc; } textarea{padding:5px;}
<div id="parent"> </div> type! <textarea id="text" rows="1" cols="20"> </textarea>