Как повторно заполнить строки таблицы форм, которые были созданы динамически с помощью сценария Java

Question

У меня есть форма ввода, которая используется для указания информации о «добровольце».Добровольцем может быть один человек или группа людей.Внизу формы есть флажок, который установлен, когда информация о группе людей.Когда он выбран, я использую jquery, чтобы показать DIV, в котором есть таблица (изначально только 1 строка), в которую можно вводить информацию о других членах группы.

Пользователь может щелкнуть изображение, чтобы вызвать jqueryФункция сценария, которая будет динамически добавлять строку в таблицу.

Моя проблема заключается в том, что я не могу понять, как заново заполнить значения в строке (ах), если форму необходимо повторно отобразить из-за проверкиошибка.Поскольку я генерирую HTML с помощью скрипта, я не могу вставить PHP-код, потому что он интерпретируется во время загрузки страницы.

Может быть, есть лучший способ сделать все это (и яЯ открыт для предложений), но вот что у меня сейчас.

Заранее благодарен за любую помощь.

Вот скрипт jQuery для добавления новой строки:

function addMember() {  
  var $counter = parseInt($("#rowCounter").val());  
  if ($counter > 1) {  
    var $firstName = "#firstName"+$counter;  
    var $lastName = "#lastName"+$counter;  
    var $email = "#email"+$counter;  
    if ($($firstName).val() == "" && $($lastName).val() == "" && $($email).val() == "") {  
      alert("You must fill out member row before adding another!");  
      return false;  
    }  
  }  
  $memberRowNum = $counter;  
  $counter+=1;  
  var $appendVal = '<tr><td>'+$memberRowNum+'<input type="hidden" name="volID'+$counter+'" id="volID'+$counter+'"></td>';  
  $appendVal += '<td><input type="text" name="firstName~~" id="firstName~~" size="15" ></td>';  
  $appendVal += '<td><input type="text" name="lastName~~" id="lastName~~" size="20" ></td>';  
  $appendVal += '<td><input type="text" name="email~~" id="email~~" size="25" ></td>';  
  $appendVal += '<td align="center"><input type="checkbox" name="student_~~" id="student_~~"  /></td>';  
  $appendVal += '<td><select name="grade_~~" id="grade_~~"><option value=""></option><option value="13">College</option></option><option value="12">12th</option><option value="11">11th</option><option value="10">10th</option><option value="9">9th</option><option value="8">8th</option><option value="7">7th</option><option value="6">6th</option><option value="5">5th</option><option value="4">4th</option><option value="3">3rd</option></select></td>';  
  $appendVal += '</tr>';  
  $appendVal = $appendVal.replace(/~~/g,$counter);  
  $appendVal = $appendVal.replace(/@@/g,"?");  
  $(".groupMembers > tbody:last").append($appendVal);  
  $("#rowCounter").val($counter);  
}  

Вот фрагмент кода HTML / PHP, после которого добавляются строки:

<li><label>Are you registering as Group?</label><?php echo form_checkbox($asGroup);?>
<span id="handleGroupInfo">
<br>Group Name:<?php echo form_input($groupName);?>
<br><br>List names and emails of all group members below. Click plus sign to add more members to group<br>
<table class="groupMembers">
<tbody>
<th>&nbsp;&nbsp;<img id="add_row" alt="Add Group Member" src="<?php echo base_url();?>assets/images/green-plus-sign-tiny.png" />&nbsp;&nbsp;</th>
<th>First Name</th>
<th>Last Name</th>
<th>email</th>
<th>Student?</th>
<th>Grade</th>
</tbody>
</table>
</span>
</li>
</ul> 

Answer 1

В текущей реализации попробуйте передать общее количество членов через скрытый ввод

<input type="hidden" name="total_member" value="<?= $this->input->post('total_member'); ?>" />

Таким образом, вы знаете общее количество отправленных участников, а в случае ошибки проверки

<?php if(validation_errors()): ?>
  <?php for($i = 0; $i < $this->input->post('total_member'); $i++): ?>
    // For example...
    <td><input type="text" name="firstName<?= $i; ?>" id="firstName<?= $i; ?>" value="<?= $this->input->post('firstName' . $i); ?>" size="15" ></td>
    // And so no...
  <?php endfor; ?>
<?php endif; ?>

* Примечание: я не проверял синтаксис. Просто в качестве примера ...