Question

我正在为每行的表创建一个动态下拉列表，在其中一个选择列表中选择一门课程，与之关联的类显示在第二个下拉列表中。

我能够使用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

对表的每一行中的特定列应用jquery脚本

1 个答案: