javascript - 更改所选选项后提交下拉表单

Question

所以我有一个带有“下一个”和“上一个”(上一个)按钮的下拉菜单。我希望这样在按下一个或上一个时它也会提交下拉选项。

<input type="button" id="change2" value="prev" />
<select id="Questions">
  <option value="QA">QUESTION A</option>
  <option value="QB">QUESTION B</option>
  <option value="QC">QUESTION C</option>
  <option value="QD">QUESTION D</option>
</select>
<input type="button" id="change" value="next" />

这是它的 JQuery:

$(window).load(function(){
    var dd = $('#Questions'),
        max_len = dd.find('option').length;

    $('#change').click(function () {
        var x = dd.find('option:selected').index();
        if (max_len == x + 1) {
            x = -1;
        }
        dd.find('option').eq(x + 1).prop('selected', true);
    });
    $('#change2').click(function () {
        var x = dd.find('option:selected').index();
            if (max_len == x + 1) {
                x = -1;
            }
        dd.find('option').eq(x - 1).prop('selected', true);
    })
});

如何才能使当我单击“下一步”或“上一个”时它也提交表单？

谢谢

Answer 1

您可以使用 jQuery 提交表单。检查 this question 上的最佳答案了解详情。假设您在表单上设置了 action 属性，您可能只需要这样的内容:

$('#change').click(function () {
    // your other logic here
    $('form').submit();
});