Как динамически собирать значения из формы

Question

Я пытаюсь обновить форму (на стороне клиента), когда выбран другой пользователь (указанный в таблице).

Из моего контроллера я отправляю объект и показываю значения первого пользователя, и я хочу, чтобы при нажатии другого имени пользователя форма изменялась вместе с его данными. У меня есть доступ ко всем данным пользователей (если я получаю некоторые предупреждения, получая значения разных пользователей, они отображаются правильно), но я не знаю, как обновить с помощью jQuery форму.

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

$('.list-us').click(function() {
  var rowId = this.id;
  var id = rowId.substring(4, rowId.length);
  $("#user-list").val(id);
  $('#body-tab > tr').each(function() {
    $(this).remove();
   });
  loadUserRegisters(id);
});

И я вызываю функцию loadUserRegisters (id), отправляющую id пользователя, которому я хочу показать его данные Метод -Simplyfied- это:

function loadUserRegisters(id) {
  var register = "<tr class='input' id='register'>"
        + "<td><input value='${user[id].periods[period].registers[0]}' /></td></tr>";
  $('#body-tab').append(register);
}

Идея состоит в том, чтобы показать значение поля user [id] .periods [period] .registers [0], но «id» презирается и «period» также является скрытым вводом.

В противном случае, если я сделаю

alert('${user[1].periods[1].registers[0]}');

жестко запрограммировав идентификатор и точку, у меня есть то, что я хочу.

Я делаю что-то не так, возможно, мне нужно использовать переменные id и period другими способами, например

'${user['+id+'].periods[period].registers[0]}'

... но я все перепробовал и не нашел пути.

Большое спасибо, мне действительно нужна помощь