编辑输入值会禁用通过JavaScript更改它

Question

我有一个<input>元素。我通过jQuery的value方法（AJAX）更改其attr()属性，并且它可以正常工作。但是，一旦用户从浏览器手动编辑该<input>元素的内容，则通过AJAX对value属性的后续修改不会反映在呈现中。当我通过Chrome的开发者工具查看结果时，我可以看到类似这样的内容：

<input id="foo" value="changed value">

表示AJAX成功更改了value属性，但浏览器上的<input>元素仍显示此AJAX操作之前的值。 value属性的值以及元素上显示的内容是不同的。

这是Chrome的错误还是预期的行为？我该如何解决？

Answer 1

使用

$('#foo').val() 

而不是

$('#foo').attr('value')