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

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 row

id="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

希望这可以帮助。