私には<input>要素があります。valuejQuery のattr()メソッド (AJAX) を使用してその属性を変更すると、機能します。ただし、ユーザーがその<input>要素のコンテンツをブラウザーから手動で編集すると、その後のvalueAJAX による属性の変更はレンダリングに反映されません。Chrome の開発者ツールで結果を確認すると、次のように表示されます。
<input id="foo" value="changed value">
valueこれは、AJAX が属性の変更に成功したことを示していますが<input>、ブラウザー上の要素には、この AJAX 操作の前の値が表示されています。属性の値とvalue要素に表示される内容が異なります。
これは Chrome のバグですか、それとも予想される動作ですか? どうすれば修正できますか?