Javascript jquery文本区域大小调整赢得'；t在radiobutton单击时与jquery div内容更改结合使用

对于自动调整我的文本区域大小，我使用：

<script>
    $(function(){
        $('.normal').autosize();
        $('.animated').autosize({append: "\n"});
    });
</script>

$（函数（）{
$（'.normal'）.autosize（）；
$（'.animated'）.autosize（{append:“\n”}）；
});

要更改radiobutton上div的内容，请单击我使用的：

$(document).ready(function(){
    $('input[name=content_type]').on('change', function(){
        var n = $(this).val();

        if(n == 1)
        {
            $('#postform').html("<textarea class=\"animated\"></textarea>");
        }else if(n == 2)
        {
            $('#postform').html("<textarea class=\"animated\"></textarea>");
        }else if(n == 3)
        {
            $('#postform').html("<textarea class=\"animated\"></textarea>");
        }

    });
});

$（文档）.ready（函数（）{
$（'input[name=content\u type]'）。在（'change'，function（）上{
var n=$（this.val（）；
如果（n==1）
{
$（'#postform'）.html（“”）；
}else如果（n==2）
{
$（'#postform'）.html（“”）；
}else如果（n==3）
{
$（'#postform'）.html（“”）；
}
});
});

这是HTML：

<form id="postform" name="post" action="phpfiles/post.php" method="POST">

    <b>Regular Post</br></br></b>

    <textarea class='animated1' name="Message" placeholder="Enter your post." maxlength="5000"></textarea>
    <input type="hidden" name="post" value="1">
    <button type="submit" class="postbutton">Click here to Post.</button>

</form>

<div class="radiobuttons">
    <div class="text"><input type='radio' name='content_type' value='1' checked />&nbsp;Text Post</div>
    <div class="text"><input type='radio' name='content_type' value='2' />&nbsp;Video or image</div>
    <div class="text"><input type='radio' name='content_type' value='3' />&nbsp;Youtube video</div>
</div>

正规职务


点击这里发布。
文本帖子
视频或图像
Youtube视频

如果我刷新页面并在textarea中输入一些文本，它将按预期工作，并且textarea的大小与文本的高度一致。现在，如果我单击3个单选按钮中的1个，它会更改div的内容，但调整大小的操作会停止

---

如何解决这个问题？

事实上，由于您使用的插件，您的

文本区域可以调整大小。加载页面时，您只需设置一次
自动调整大小。在使用新的
文本区域更改
#postform
的全部内容后，您应该对其重新应用
自动调整大小
：

$('.animated').autosize({append: "\n"});

尝试重新应用
$（'.animated'）.autosize（{append:“\n”}），页面加载时只执行一次。太好了，可以添加这个作为答案吗？