内容textarea显示在div中

Question

我想创建一个textarea，通过单击按钮向div显示其内容。我写了一个简单的代码，它在div中看到很短的时间，但它消失在div我在JSFiddle写它，它也有问题！我不知道是什么问题

请查看我的代码并帮助我

我的代码链接：installation steps

<textarea class="inBox"></textarea><button class="btn">send</button>

$(document).ready(function(){
    $('.btn').on('click',function(){
    var inpx= $('.inBox').val();
    $('#mainbox').append('<p>'+inpx+'</p>');
     $('.inBox').val("");   
    });

});

Answer 1

你的代码是正确的做你想做的事情，但在你的小提琴上你忘了包括jquery，左上角。

$(document).ready(function(){
	$('.btn').on('click',function(){
	    var inpx= $('.inBox').val();
        $('#mainbox').append('<p>'+inpx+'</p>');
         $('.inBox').val("");   
	});
	
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<textarea class="inBox"></textarea><button class="btn">send</button>

<div id="mainbox"></div>