如何只影响被改变的元素，而不影响其他元素

Question

我有一个页面，其中列出了管理员管理的所有用户。 我可能会愚蠢或疲惫，但我似乎无法理解这一部分。

每个表行将包含一个带有教室列表的select元素，因此在更改时它会自动使用该用户的选定选项值更新数据库。

<select id="setClassroom">
    ...
</select>

所以每一行都包含同一个元素。我怎样才能让jQuery只使用该行上使用的元素，而不是任何其他行。

$('select').on('change', function() {
    alert($('option:selected').text());
});

感谢任何帮助过的人。

Answer 1

作用域：

$('select').on('change', function() {
    alert($('option:selected',this).text());
});

在选择范围中添加this仅限于当前select

Answer 2

将您的代码更改为：

$('select').on('change', function() {
    alert($(this).val());
});

此外，您的<select>不应具有相同的ID。