javascript - 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

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

var page = parseInt($('#dropdown-pages').val())+1;
alert(page);