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

时间:2016-01-20 09:21:35

标签: javascript php jquery html forms

你好我有一个看起来像这样的表格

<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,但它根本没有替换占位符。

2 个答案:

答案 0 :(得分:0)

提交表单后,页面刷新,因为javascript是基于客户端的,所以不知道上次提交的值。

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

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

由于

答案 1 :(得分:0)

你的问题是javascript更改占位符然后php重新加载页面中的金额,但默认值为&#39; 10000&#39; 您需要将提交更改为一个简单的按钮,该按钮不会在POST中发送变量 或者您需要不使用javascript并使用POST变量作为占位符