Javascript 如何为5个选择框重写Jquery动态选择框脚本？

我正在尝试使用Jquery创建动态选择框

由于需要，我有5个类似班级内容的选择框，例如A、B、C等。除了每个班级选择框之外，我还有5个学生选择框

所以我的想法是，当我选择一个类选择框时，javascript将检查选择并继续使用GET操作发送选择值，然后返回我的学生选择框的内容

我已经有了一个工作脚本。但它只适用于一个类选择框，如果我需要在其余的4个类选择框中运行它，我必须创建具有不同值的4.js脚本

我可以知道有没有任何方法，我可以只使用1个js并适用于所有5个类选择框？也许是一个循环，或者其他

1个选择框的工作js：

function class_change() {
    $('#class1').change(update_students);  
        // the rest of the class sel boxes are named as #class2 #class3, etc.
}

function update_students() {
    var class = $('#class1').val();
    var seat = $('#seat1').val();   
    $.get('getStuds.php?seatno='+seat+'&class='+class, showStudents);
}

function showStudents(result) {
    $('#show_student1').html(result);
}

$(document).ready(class_change);

非常感谢。

好的，让我们试试这个

假设每一组类都有这样的标记：

<select id="c-1" class="classes">
<option>Class A</option>
<option>Class B</option>
</select>
<select id="s-1" class="students">
<option>1</option>
<option>2</option>
</select>
<div id="show-1"></div>

希望这有帮助。

好的，让我们试试这个

假设每一组类都有这样的标记：

<select id="c-1" class="classes">
<option>Class A</option>
<option>Class B</option>
</select>
<select id="s-1" class="students">
<option>1</option>
<option>2</option>
</select>
<div id="show-1"></div>

---

希望这有帮助。

您能发布其中一个的标记是什么样子的吗？您能发布其中一个的标记是什么样子的吗？