javascript - Textarea 在浏览器之间没有以相同的方式更新

Question

我有一个 textarea，我正在尝试使用 jQuery 更新它，但我发现根据我使用的浏览器，我得到了不同的结果。

看看这个:https://jsfiddle.net/JBookham/mwaa6z2f/4/

我正在使用 $('#txtArea').html("Example text");更新显示的文本。这最初有效，直到我尝试在文本区域中键入内容。在 Chrome 中执行此操作后，.html()停止更新文本区域的值。我已经通过 JavaScript 进行了调试，可以看到正在更新 textarea 的 innerHtml，但没有更新值。我尝试在 Edge 和 innerHtml 中做同样的事情，值会按预期更新。

我的问题是，有没有人知道为什么会发生这种情况或知道我可以让它在浏览器之间以相同方式工作的方法？

谢谢

更新:
.val()确实在浏览器之间以相同的方式更新文本区域，但它没有提供我正在寻找的相同功能。然而this answer有一种方法可以使用 .val()并且仍然能够解码我传入的文本，如下所示:
var decoded = $("<textarea/>").html("other text &amp;").val();
$('#txtArea').val(decoded);
感觉有点老套，好像应该有更好的方法，但至少目前它给了我一些在浏览器之间以相同方式工作的东西。

Answer 1

您应该使用 .val() 来执行此操作。

https://jsfiddle.net/mwaa6z2f/7/