Применение скрипта jquery для определенного столбца в каждой строке таблицы - PullRequest
Новая
       15

Применение скрипта jquery для определенного столбца в каждой строке таблицы

2 голосов
/ 26 мая 2019

Я работаю над динамическим раскрывающимся списком в таблице для каждой строки, в которой я выбираю курс в одном списке выбора, и классы, связанные с ним, отображаются во втором раскрывающемся списке.

Мне удалось выполнить это с помощью 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 будет работать для всех раскрывающихся списков в каждой строке таблицы.

1 Ответ

0 голосов
/ 26 мая 2019

Мне кажется, у вас одинаковый идентификатор = имя класса для каждой выбранной строки, поэтому jquery не знает, какую строку изменить. Либо имейте уникальные идентификаторы и найдите способ связать со строкой, либо используйте jquery ближайший, чтобы найти строки, которые вы меняете. Эта ссылка может указать вам правильное направление.

Получение следующего ближайшего элемента выбора с помощью jquery

...