將輸入字段的占位符更改為最后提交的值或零

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基於客戶端的。

解決方案：您需要將最后一個值提交到占位符中，因此需要將該值存儲在瀏覽器的本地存儲中，然后從本地存儲中檢索該值並將其放入占位符中。

只需嘗試將值存儲在本地存儲中並檢索它，然后將此值放入占位符即可。

謝謝

Answer 2

您的問題是javascript更改了占位符，然后php用帖子中的金額重新加載了頁面，但是默認值為10000，您需要將您的Submit更改為一個簡單的按鈕，該按鈕不會在POST中發送變量，或者不需要使用javascript並使用POST變量作為占位符