jquery - 从 textarea 获取值并用文本创建一个新的 textarea

Question

现在我在获取值时遇到了问题 ~ 我正在执行一个功能，当我单击一个按钮时，它会显示一个模式，并且在其中有一个文本区域。将所有内容写入其中后，单击“确定”按钮，它将使用您编写的文本创建一个新的文本区域。你可以多次这样做。我只知道如何添加一个新的textarea但我不知道如何获得值(value)。我很难使用这个功能~希望有人能帮助我。我是这方面的新手。抱歉我的语法不好。

**HTML

$(document).ready(function(){
	
var counter=1;

$('.add').click(function() {
	
	
$('.block:last').before('<div class="block">'+
'<textarea></textarea>'+
'</div>');
	
counter++;
});


});

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<div class="block">
<button type="button" class="btn btn-default btn-lg start-new-post-button-setting" data-toggle="modal" data-target="#codetextarea">Add code textarea</button>
<div class="modal fade" id="codetextarea" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<textarea class=" textarea-setting" name="message" id="area"></textarea>
</div>
<div class="modal-footer">
<span class="add"><button type="button" class="btn btn-default" data-dismiss="modal">OK</button></span>
</div>
</div>
</div>
</div>
</div>

**

Answer 1

'<textarea>'+$("#area").val()+'</textarea>'+

这就是您获取文本区域值的方式。替换你的 '<textarea></textarea>'+同上