jQuery 更改选择选项下一个上一个按钮和加载内容

Posted 2023-02-25

【中文标题】jQuery 更改选择选项下一个上一个按钮和加载内容

【英文标题】：jQuery changes select option next previous buttons AND Load content

【发布时间】：2014-09-20 23:54:57

【问题描述】：

我需要一些关于这个 jQuery 问题的帮助。我需要这样的东西：

http://pastebin.com/vV5KEQfM

我需要的“上一个”和“下一个”按钮可以工作！

问题不在于按钮的代码。我为按钮找到了这个：

$("#next").click(function() 
    $("#selectField").val($("#selectField > option:selected").next().val());
)

$("#prev").click(function() 
    $("#selectField").val($("#selectField > option:selected").prev().val());
)

它可以工作，但它不会显示 DIV 的内容，只是更改选择菜单中的选项..

【参考方案1】：

仅使用 .val() 更改值不会触发 change 事件。您需要使用$('#selectField').change() 手动触发它。

这应该可行：

$("#next").click(function() 
    $("#selectField").val($("#selectField > option:selected").next().val());
    $('#selectField').change();
);

$("#prev").click(function() 
    $("#selectField").val($("#selectField > option:selected").prev().val());
    $('#selectField').change();
);