javascript - jQuery清空文本区域，然后追加数据不起作用

我有一个textarea，应该清空所有数据，然后追加一个新数据。我尝试过类似的方法，但是它总是以空数据结尾。 textarea只是标准的html输入：

<textarea name="mytextarea" id="mytextarea" rows="8"
class="form-control" readonly="readonly">myOldData</textarea>

//This resulting in empty data
$('#mytextarea').val('');
$('#mytextarea').append("myData1");
$('#mytextarea').append("myData2");

但是如果：

//This resulting in just myData1
$('#mytextarea').val('');
$('#mytextarea').val("myData1");
$('#mytextarea').append("myData2");

情况3是，如果我不需要清空数据，只需追加就可以了：

//This resulting in just myData1myData2
$('#mytextarea').val("myData1");
$('#mytextarea').append("myData2");

这是怎么回事
如何先清空数据，然后追加一些新数据？

最佳答案

如果您只是尝试设置该值。我将构建您想要放入文本区域的字符串，然后立即设置所有字符串。

即

var newString = 'myData1';
newString += 'myData2';

$('#mytextarea').val(newString);

.append()用于将DOM元素附加到父DOM元素