Jquery Can'；一旦Firefox和Chrome中的文本发生变化，请不要清除textarea

简单用例： Textarea和Button，单击按钮时，Textarea中的文本将发生更改

样本： JS

HTML:

清除

但是，当我更改按钮，然后单击按钮时，文本在Chrome和Firefeox中不会更改（在IE10中，它的工作原理是）。（在最新版本的Chrome和Firefox中测试）

当我调试它并检查文本区域的文本时，它会显示正确的valeu

---

这是一个浏览器错误、jQuery错误还是我遗漏了什么？

一个

textarea

元素有一个值，所以使用

val（“”）

来设置它，如下所示：

$('button').click(function(){
    $('#t1').val('test');
});

---

使用.val（'works'），请参见工作小提琴：谢谢，但是为什么文本第一次工作时就失败了？谢谢，这就解决了问题，但是为什么文本第一次工作就失败了呢？我想这是浏览器在页面初始化时获取文本区域内文本的内部方法的一个特点。设置文本设置文本区域的默认值。仅当值从未从默认值更改为起始值时，设置表单控件的默认值才会更改该值。这就是为什么你看到它在编辑文本之前工作，而不是在编辑之后。

<textarea id="t1" cols="10" rows="5"></textarea><button>Clear</button>

$('button').click(function(){
    $('#t1').val('test');
});