c# - 为表的每一行中的特定列应用 jquery 脚本

Question

我正在为每一行处理表格中的动态下拉列表，我在一个选择列表中选择一门类(class)，与之相关的类(class)显示在第二个下拉列表中。

我能够使用 jQuery 和 ajax 执行此操作，但问题是这仅适用于表格的第一行，而不适用于表格的其余部分。

下面是我正在使用的 jQuery 代码。

 $(function () {
            $("#table").each(function () {
                $("#CourseName").change(function () {
                    alert("changed");
                    $.ajax({
                        type: 'Post',
                        url: '/RegisterStudents/GetClass',
                        dataType: 'json',
                        data: { id: $("#CourseName").val() },

                        success: function (data) {
                            var items = '';
                            $("#ClassName").empty;
                            $.each(data, function (i, row) {
                                items += '<option value="' + row.value + '">' + row.text + '</option>'
                            });
                            $("#ClassName").html(items);
                        }
                    })
                })

            });

        });

我希望 jQuery 脚本适用于表格每一行中的所有下拉列表。

Answer 1

在我看来，每行选择的 Id=classname 都相同，因此 jquery 不知道要更改哪一行。要么拥有唯一的 ID 并找到一种与该行关联的方法，要么使用最接近的 jquery 来查找您正在更改的行选择。此链接可能会为您指明正确的方向。

Getting next closest select element with jquery