rollex_x93

Как вариант, можно еще во время генерации таблицы, генерировать готовую форму со скрытыми полями.

Например так:
'opt1;opt2;opt3;opt4'.match(/;/g).length

Всё логично
Ты вставляешь <input class="option"> после <input class="option"> . теперь у тебя два .option

Потом ты после каждого из них вставляешь ещё по одному.... Понятно?)

Решение: исходному инпуту задать другой/ещё один класс

$(this).find('td').attr('id');

$(this).find('td').each(function () {
     console.log($(this).attr('class'));
});

data-аттрибуты

$(".test1").val($(".test2").text());

вижу ошибку тут, нет закрывающей кавычки у onClick

echo "<div id='buttons'><a href='#' onClick='showContent('test.php')>Добавить</a></div>";

нужно либо заменить echo на

?><div id='buttons'><a href='#' onClick="showContent('test.php')">Добавить</a></div><?

либо экранировать кавычки в echo
onClick=\"showContent('test.php')\"

<input type="text" readonly>

if($user_data['group'] == '1'){ $check = 1; }
if($user_data['group'] == '2'){ $check = 2; }
if($user_data['group'] == '3'){ $check = 3; }