javascript - jQuery val() 不更新输入字段

Question

我有输入字段:

<input class="form-control" id="Page" min="1" name="Page" type="number" value="1">

使用 jQuery，我试图在按下按钮后更改值。 这是我的代码:

$(document).ready(function () {
    $("#Right").on("click", function () {
        var page = $("#Page").val();
        page = page++;
        $("#Page").val(page);
})

我可以读取值。 增加它。 但是当我尝试将其保存到输入字段值时，它会保留旧值。

我也尝试将它解析为 int，如下所示:

 var value= parseInt(page);
 value = value++;
 $("#Page").val(value);

这也没有效果。

你能提出一些建议吗？

Answer 1

只需使用page++;

$(document).ready(function () {
    $("#Right").on("click", function () {
        var page = parseInt($("#Page").val());
        page++;
        $("#Page").val(page);
    });
});

Fiddle Demo

value++ 被称为 postfix ，对 a 加 1 返回旧值。因此，在使用 value = value++; 时， value 的值> 将始终为 1