jQuery下拉更改值

Question

我是jquery的大三學生，所以不能成為serios。 我想做一個簡單的腳本，將下拉列表值加1。 我通過此鏈接嘗試了許多方法： 在只讀文本輸入字段的jQuery值中添加+1，但這無濟於事。這就是我的腳本。

$('#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);

Answer 2

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