Как создать и отправить таблицу Dynami c, в которой есть строка - JQuery

Question

У меня есть веб-страница, где пользователь может создать динамическую таблицу c, пользователь также может добавлять группы, добавлять жанр в группу и добавлять фильмы в соответствии с жанром. Ниже приведен пример моих данных:

мои данные

В настоящее время я знаю только, как создать динамическую строку c по нажатию кнопки, моя JQuery Сценарий:

   $(document).ready(function(){
     $("#my_button").click(function(){                                                     
         $("#my_table").append('<tr><td><input type='text'></td><td><input type='text'></td></tr>');
     });
   });

и мой код HTML представляет собой простую таблицу с кнопкой в ​​конце:

<table class="my_table" id="my_table">
  <tr><td>Movie Name</td><td>IMBD</td></tr>
</table>

<button id="my_button">Add row</button>

, поэтому мои следующие шаги, добавить кнопку с надписью Добавить жанр, которая должна добавить строку и изменить диапазон строк родительского «Группа 1» строка на ряд строк ++

Как мне это сделать?

После этого, когда у меня есть все возможности для создания динамической таблицы c, я хочу отправить данные и сохранить их в базе данных MySql, чтобы создать SQL запрос, мне нужно знать, каково значение rowspan группы и жанра, поэтому мой следующий вопрос, как я могу отправить значение rowspan в форме сообщения?

Кроме того, причина для предоставления такого подробного Объяснение моей цепочки мыслей таково: если вы думаете, что есть более простое решение для решения проблемы, тогда вы можете предлагаю:)

Answer 1

Вы можете сделать это следующим образом:

$(document).ready(function(){
     $("#my_button").click(function(){                                                 
         $("#my_table").append('<tr><td><input type="text"></td><td><input type="text"></td></tr>');
     });
   });

В своем коде вы должны держать тег html в " вместо ' в html атрибуты тега. Напишите html атрибут тега, например type = "text" .