Jquery下降更改值

Question

我在jquery大三，所以不是严重的。我想做一个简单的脚本，在下拉列表值中加1。我通过这个链接尝试了很多： Adding +1 to jQuery value of a readonly text input field 然而，这没有帮助。那是我的剧本。

$('#nextPage').click(function () {
var page = $('#page').val();
$('#page').val(page + 1);
$('#search').submit();

}）;

HTML

<form id="search" method="POST" class="ui small form sixteen wide column segment">

<div class="three wide field">
    <label>Page number</label>
    <div class="ui selection dropdown" id="dropdown-pages">
        <input type="hidden" name="page" id="page" value="{{ filters.page }}">
        <div class="default text">Limit</div>
        <i class="dropdown icon"></i>
        <div class="menu">
            {% for page in 1..count_pages %}              
                <div class="item" data-value="{{ page }}">{{ page }}</div>
            {% endfor %}
        </div>
    </div>
</div>
<div class="two wide field">
    <label>By one</label>
    {% if filters.page != 1 %}
        <button class="ui submit button"><</button>
    {% endif %}
    {% if filters.page != count_pages %}
        <button class="ui submit button" id='nextPage'>></button>
    {% endif %}
</div>

  搜索

清除

Answer 1

您可以通过以下方式获取下拉页面的值：

{{1}}

Answer 2

var page = parseInt($('#page').val());
$('#page').val(page + 1);
$('#search').submit();