如何使用javascript、jquery从后到后以及从开始到后更改下拉选项值

我试图根据“上一个”和“下一个”按钮更改下拉列表值，但如果该选项是下拉列表中的最后一个，我将无法转到第一个，如果该选项是第一个，我将无法转到最后一个。有人能帮忙吗？这是小提琴的代码

$（“#下一步”）。单击（函数（）{
var nextElement=$（'#selectBox>option:selected'）。下一步（'option'）；
如果（nextElement.length>0）{
$（'#selectBox>option:selected'）。删除attr（'selected'）。下一步（'option'）。attr（'selected'，'selected'）；
}
});
$（“#prev”）。单击（函数（）{
var nextElement=$（'#selectBox>option:selected'）.prev（'option'）；
如果（nextElement.length>0）{
$（'#selectBox>option:selected'）。removeAttr（'selected'）。prev（'option'）。attr（'selected'，'selected'）；
}
});
函数currentSlide（选择值）{
console.log（selectionValue）；
}

以前的
数码产品
服装
健康
食物
旅行
手机
杂货店
充电
家具
下一步

试试这个

$("#next").click(function() {
  var getIndex =$("select option:selected").index();
  var index=getIndex+1;
   $("select").children().removeAttr('selected');
   $("select").children().eq(index).attr('selected', 'selected');
});

试试这个

$("#next").click(function() {
  var getIndex =$("select option:selected").index();
  var index=getIndex+1;
   $("select").children().removeAttr('selected');
   $("select").children().eq(index).attr('selected', 'selected');
});

$（窗口）.load（函数（）{
$（“#下一步”）。单击（函数（）{
var nextElement=$（'#selectBox>option:selected'）；
如果（nextElement.length>0）{
$（'#selectBox>option:selected'）。删除attr（'selected'）。下一步（'option'）。attr（'selected'，'selected'）；
}
});
$（“#prev”）。单击（函数（）{
var selectedIndex=$（“#selectBox>option:selected”）.index（）；
var nextElement=$（'#selectBox>option:selected'）.prev（'option'）；
如果（selectedIndex==0）{
$（'selectBox option'）.last（）.prop（'selected'，true）；
}else if（nextElement.length>0）{
$（'#selectBox>option:selected'）。removeAttr（'selected'）。prev（'option'）。attr（'selected'，'selected'）；
}
});
});

以前的
数码产品
服装
健康
食物
旅行
手机
杂货店
充电
家具
下一步
$（窗口）.load（函数（）{
$（“#下一步”）。单击（函数（）{
var nextElement=$（'#selectBox>option:selected'）；
如果（nextElement.length>0）{
$（'#selectBox>option:selected'）。删除attr（'selected'）。下一步（'option'）。attr（'selected'，'selected'）；
}
});
$（“#prev”）。单击（函数（）{
var selectedIndex=$（“#selectBox>option:selected”）.index（）；
var nextElement=$（'#selectBox>option:selected'）.prev（'option'）；
如果（selectedIndex==0）{
$（'selectBox option'）.last（）.prop（'selected'，true）；
}else if（nextElement.length>0）{
$（'#selectBox>option:selected'）。removeAttr（'selected'）。prev（'option'）。attr（'selected'，'selected'）；
}
});
});

以前的
数码产品
服装
健康
食物
旅行
手机
杂货店
充电
家具
下一步
尝试使用尝试编辑相同的代码来编写loopPrev的代码

用于更改下拉列表中的选定值


$.fn.loopNext=函数（选择器）{
var选择器=选择器| |“”；
返回this.next（selector）.length？this.next（selector）：this.sillides（selector）.addBack（selector.first（）；
}
$.fn.loopPrev=函数（选择器）{
var选择器=选择器| |“”；
返回this.prev（selector）.length？this.prev（selector）：this.slides（selector）.addBack（selector）.last（）；
}
$（“#下一步”）。单击（函数（）{
$（'#selectBox>option:selected'）
.removeAttr（'selected'）
.loopNext（'选项'）
.prop（“选定”、“选定”）；
});
$（“#prev”）。单击（函数（）{
$（'#selectBox>option:selected'）
.removeAttr（'selected'）
.loopPrev（“选项”）
.prop（“选定”、“选定”）；
});
函数currentSlide（选择值）{
console.log（selectionValue）；
}

以前的
数码产品
服装
健康
食物
旅行
手机
杂货店
充电
家具
下一步
尝试使用尝试编辑相同的代码来编写loopPrev的代码

用于更改下拉列表中的选定值


$.fn.loopNext=函数（选择器）{
var选择器=选择器| |“”；
返回this.next（selector）.length？this.next（selector）：this.sillides（selector）.addBack（selector.first（）；
}
$.fn.loopPrev=函数（选择器）{
var选择器=选择器| |“”；
返回this.prev（selector）.length？this.prev（selector）：this.slides（selector）.addBack（selector）.last（）；
}
$（“#下一步”）。单击（函数（）{
$（'#selectBox>option:selected'）
.removeAttr（'selected'）
.loopNext（'选项'）
.prop（“选定”、“选定”）；
});
$（“#prev”）。单击（函数（）{
$（'#selectBox>option:selected'）
.removeAttr（'selected'）
.loopPrev（“选项”）
.prop（“选定”、“选定”）；
});
函数currentSlide（选择值）{
console.log（selectionValue）；
}

以前的
数码产品
服装
健康
食物
旅行
手机
杂货店
充电
家具
下一步
试试这个。实际上，当nextElement.length=0时，您知道它已经是第一个/最后一个选项，所以您只需要选择相应的最后一个/第一个选项


var total_options=$（'selectBox option'）。长度；
$（“#下一步”）。单击（函数（）{
var curr_op=$（'#selectBox'）.val（）；
如果（++curr_op>total_options）curr_op=1；
$（'#selectBox'）.val（当前值）；
});
$（“#prev”）。单击（函数（）{
var curr_op=$（'#selectBox'）.val（）；
如果（-curr_op<1）curr_op=总选项；
$（'#selectBox'）.val（当前值）；
});
函数currentSlide（选择值）{
console.log（selectionValue）；
}

以前的
数码产品
服装
健康
食物
旅行
手机
杂货店
充电
家具
下一步
试试这个。实际上，当nextElement.length=0时，您知道它已经是第一个/最后一个选项，所以您只需要选择相应的最后一个/第一个选项


var total_options=$（'selectBox option'）。长度；
$（“#下一步”）。单击（函数（）{
var curr_op=$（'#selectBox'）.val（）；
如果（++curr_op>total_options）curr_op=1；
$（'#selectBox'）.val（当前值）；
});
$（“#prev”）。单击（函数（）{
货币价值