javascript - 将输入字段的占位符更改为最后提交的值或零

Question

您好，我有一个如下所示的表单

<form method="post">
    <input type='text' name='amount' placeholder='10,000'>
    <br>
    <input type='submit' name="btn_calculate" value='Calculate'>
</form>
<?php
    if (isset($_POST['btn_calculate'])) {
        //validation and calculation
    }
?>

我需要文本字段在提交表单后(计算后)更改其占位符。我将其更改为最后提交的值或“0”

这是我到目前为止所拥有的:

jQuery(function () {
    jQuery('[name=btn_calculate]').click(function() { 
        var $this = jQuery('[name=amount]'); 
        $this.attr("placeholder", "0"); 
    });
});

但它只会在几秒钟内变为 0，然后在一段时间后返回到原始占位符。我还不知道如何将其更改为最后提交的值，所以我只是尝试先将其替换为 0。关于如何以正确的方式执行这些操作有什么建议吗？或者我的代码有什么问题？

我尝试将 .click 替换为 .submit，但它甚至根本没有替换占位符。

Answer 1

提交表单后，页面会刷新，但它不知道最后提交的值，因为 JavaScript 是基于客户端的。

解决方案:您需要在占位符中提交最后一个值，因此您需要将该值存储在浏览器的本地存储中，然后从本地存储中检索该值并将其放入占位符中。

只需尝试将值存储在本地存储中并检索它并将该值放入占位符中。

谢谢