如何附加具有相关下拉列表的行

Question

Whenevr 我追加行并尝试使用相关下拉列表。附加行的值基于第一行而变化。

 $(document).ready(function() {

           $('#addmoretable').click(function(){

            $('#coursetable').append(

                                  '<tr>'+

                                        '<td>'+

                                            '<div class="form-group">'+

                                                '<select class="form-control" name="program_id" id="program_id">'+

                                                    '<?php if($programs): ?>'+

                                                        '<?php foreach($programs as $key => $value): ?>'+

                                                            '<option value="<?= $value -> program_id ?>"><?= $value -> programs ?></option>'+

                                                       ' <?php endforeach; ?>'+

                                                   ' <?php endif; ?>'+

                                                '</select>'+

                                            '</div>'+

                                        '</td>'+

                                        '<td>'+

                                            '<div class="form-group">'+

                                                '<select class="form-control" name="collegeyear_id"></select>'+

                                           ' </div>'+

                                       ' </td>'+

                                      '  <td>'+

                                            '<div class="form-group">'+

                                               ' <input type="text" class="form-control" placeholder="COURSE...">'+

                                            '</div>'+

                                        '</td>'+

                                        '<td>'+

            );

Answer 1

您可以通过将行的长度附加到 id 并将该 id 用于事件来使 id 唯一。var rowCount = $('#coursetable tr').length; // count the rowid="program_id'+rowCount+'" // change this id="program_id" and append rowCount$("#program_id"+rowCount) //use this instead of this $('select[name="program_id"]') on the events希望这可以帮助。