瀏覽器不會完全更新AJAX表格

Question

我遵循本教程Creating a 100% ajax CRUD using rails 3 and unobtrusive javascript - 順便說一句，這是一個非常好的概念。

但是，我意識到更新後，表單清除相當好，但表單上的按鈕仍然是「更新後」。由於更新已完成且索引已呈現，因此我假定該按鈕將返回到「創建發佈」。

我試過用$("input[type='submit']").text("Create post");來強制這個行爲。但是這不會改變按鈕。有趣的是，雖然按鈕仍然說「更新後」，檢查HTML源代碼顯示...

<input type="submit" value="Update Post" name="commit" style="display: inline-block;">Create post</input> 

此行爲是在Chrome和Firefox - 全部都是最新的。

請幫忙解釋造成問題的原因和提示。謝謝！

Answer 1

代替text()方法，使用val()：

$("input[type='submit']").val("Create post");