jQuery val()没有更新输入字段

时间:2014-02-10 12:00:32

标签: javascript jquery

我有输入字段:

<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);

这也没有效果。

你能提出一些建议吗?

3 个答案:

答案 0 :(得分:6)

只需使用page++;

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

Fiddle Demo

value++称为后缀,在使用value = value++;时,将1添加到a返回旧值.Hence,value的值将始终为1

答案 1 :(得分:4)

问题是value = value ++不会求和,而只使用值++。

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

答案 2 :(得分:2)

使用parseInt()将值转换为整数,然后应用增量。试试这个

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