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

Question

我有一个textarea，我应该清空所有数据，然后 append 新数据。我尝试过类似的方法，但它总是以空数据告终。 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 是如果我不需要清空数据而只需 append 即可正常工作:

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

这里发生了什么？如何先清空数据，然后追加一些新数据？

Answer 1

如果您只是尝试设置该值。我会构建您想要放入文本区域的字符串，然后一次将其全部设置。

即:

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

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

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