Javascript 如何动态更改textarea值？

我在更新

标记中的值时遇到问题。程序是这样的，textarea中有一个初始值，然后用户更改它。如果我想使用一个js脚本（通过一个按钮实现）来进一步修改该值，那么它根本不起作用。但是，如果我们在文本区域不做任何操作，按钮就可以完美地工作。我觉得很奇怪。有人能解释一下吗？代码发布在下面

$（文档）.ready（函数（）{
$（“#我的按钮”）。单击（函数（）{
var mystring=“上一个textarea值为+$（“#myarea”）.val（）+”；
$（“#myarea”）.html（“星球大战”）；//编辑文本区域后，这一行不起作用，但如果您不编辑任何内容，这一行就起作用，为什么？
$（“#占位符”）.html（mystring）；
});
});

输入您想要的任何内容
初始文本
编辑后单击

这个按钮应该会把文字改成星球大战。
$（文档）.ready（函数（）{
$（“#我的按钮”）。单击（函数（）{
var mystring=“上一个textarea值为+$（“#myarea”）.val（）+”；
$（“#myarea”）.val（“星球大战”）；//必须在这一行进行更改
$（“#占位符”）.html（mystring）；
});
});

为了更改textarea的值，请使用val（），而不是html（）
使用
val（）
而不是
html（）
来设置表单控件的值如果您是对的，
val（）
可以工作。谢谢
$(document).ready(function() {
$("#mybutton").click(function() {
    var mystring = "The previous textarea value is <br><em>" + $("#myarea").val() + "</em>";
    $("#myarea").val("Star wars"); //The changes have to be made on this line
    $("#placeholder").html(mystring);
  });
});