編輯輸入值將禁止通過JavaScript更改它

Question

我有一個<input>元素。我通過jQuery的attr()方法（AJAX）更改了其value屬性，並且它工作正常。但是，一旦用戶從瀏覽器手動編輯該元素的內容，通過AJAX後續修改value屬性並不反映在渲染中。當我通過Chrome的開發者工具檢查結果，我可以看到這樣的事情：

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

這表明AJAX成功改變value屬性，但在瀏覽器上的<input>元素仍然顯示該AJAX操作前值。 value屬性的值與元素上顯示的內容不同。

這是Chrome的錯誤還是預期的行爲？我該如何解決它？

Answer 1

使用$('#foo').val()代替$('#foo').attr('value')