Прежде чем разбить компьютер и пустить себе пулю я решил обратиться за помощью, поясните, почему так происходит. Убедительная просьба, если отправляете гуглить, укажите фразу, с которой это надо делать.
Задача простая, необходимо добавить строку в таблицу, в которой содержатся input`ы
Вот HTML-код:
<table id="propertie-table">
<thead>
<tr>
<td>Название</td>
<td>Код</td>
<td></td>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text" name="propertie_name[6]" value="Документ"/></td>
<td><input class='input' type="text" name="propertie_code[6]" value="document" /></td>
<td>
<select name="propertie_type[]">
<option value="6" selected>Строка</option>
<option value="7">Число</option>
<option value="8">Файл</option>
<option value="9">Список</option>
<option value="10">Текст</option>
</select>
</td>
</tr>
<tr class="first-row" rel="7">
<td><input type="text" name="propertie_name[]" /></td>
<td><input type="text" name="propertie_code[]" /></td>
<td>
<select name="propertie_type[]" >
<option value="6">Строка</option>
<option value="7">Число</option>
<option value="8">Файл</option>
<option value="9">Список</option>
<option value="10">Текст</option>
</select>
</td>
</tr>
</tbody>
</table>
<input type="button" class="add_new_propertie" />
Вот JS-код:
$(document).ready(function() {
$('.add_new_propertie').click(function() {
CloneRow();
});
});
function CloneRow() {
var cl = $('.first-row').clone(true);
$('#propertie-table tbody').append(cl);
$(cl).removeClass('first-row');
$(cl).find('input').val('');
return cl;
}
При нажатии на кнопку всё работает, строка добавляется, инпуты добавляются, в DOM-модели всё верно (через инспектор если смотреть),
но когда данные отправляются, то приходят следующие:
'propertie_name' =>
array (
6 => 'Документ',
7 => 'q',
),
'propertie_code' =>
array (
6 => 'document',
7 => 'a',
),
'propertie_type' =>
array (
6 => '6',
7 => '6',
),