jQuery上下循环选择列表值

使用jQuery应该很简单，但我无法让它工作！在搜索中似乎也找不到任何东西

我有一个选择列表，我想使用它旁边的+和-按钮（如数量框）循环浏览列表值，因此用户无需单击下拉列表、滚动和选择

实际上，我需要一个选择列表，其中包含“下一步”和“上一步”按钮，这些按钮可以在单击时启动jQuery，并循环上下值

---

一个小脚本示例将非常棒。

单击“上一步”按钮时，执行如下操作：

var curr = $('#select').find(':selected');
var prev = curr.prev('option');
if (prev.length) {
    curr.removeAttr('selected');
    prev.attr('selected', 'selected');
}

对于“下一步”按钮，它几乎完全相同：

var curr = $('#select').find(':selected');
var next= curr.next('option');
if (next.length) {
    curr.removeAttr('selected');
    next.attr('selected', 'selected');
}

---

给定以下

注意，这依赖于jQuery 1.6，如果使用少于1.6，则使用

---

我在JSFIDLE上建立了一个示例：

---

基本上，您只需要找到当前选定的元素，删除它的选定状态，然后将

selected=“selected”

添加到下一个/上一个元素。

我正在使用jqtransform设置表单样式，启用此选项后，事件将不会触发-因此我认为一定是选择器问题？非常好。谢谢我把你的小提琴叉好，让它“24小时”不停地转动。过来看：

<select>
    <option></option>
    <option value="1">Opion 1</option>
    <option value="2">Opion 2</option>
    <option value="3">Opion 3</option>
    <option value="4">Opion 4</option>
    <option value="5">Opion 5</option>
    <option value="6">Opion 6</option>
</select>
<input type="button" value=" - " id="down"/>
<input type="button" value=" + " id="up"/>

$("#up").click(function(){
    $("select option:selected").next().prop("selected", true);
});
$("#down").click(function(){
    $("select option:selected").prev().prop("selected", true);
});