Question

我有一个简单的脚本可以增加和减少选择框的选定值：

$(".inc").click(function(){
    $("select option:selected").next().prop("selected", true);
});
$(".dec").click(function(){
    $("select option:selected").prev().prop("selected", true);
});

但是，我在一个表单中有20个选择，并且不希望用新的#id重复脚本以仅将脚本与下一个选择框相关联（例如选择＃1，sesect＃2 ....）

目前，当用户点击任何选择框中的inc或dec时，表单中的所有选择值都会更新，而不仅仅是一个。

任何人都知道在执行脚本时如何只定位下一个立即选择框？

谢谢！

Answer 1

与选择菜单相关的.inc在哪里？是否有20个公司以及20个选择菜单？

如果结构是：

<div class="inc">increment</div>
<select><option></option><option></option></select>

你应该可以使用

$(".inc").click(function(){
$(this).next('select > option:selected').next().prop("selected", true);
});

更新：请注意，使用.next（）取决于您的HTML结构。使用兄弟姐妹（）更好。请参阅此处以获取示例：http://jsfiddle.net/JZJZh/

jQuery选择框增加值，只有目标下一步选择

1 个答案: