Уважаемые форумчане! Очень нужна Ваша помощь. Подскажите пожалуйста, как из приведённого ниже кода html и js сделать так, чтобы при клике
#add_new_acter при добавлении html кода в [] атрибутов
name="table_acters[] добавлялось не рандомное число, а добавлялось +1 к последнему значению атрибута
name="table_acters[] который есть. Чтобы следующее число в атрибуте
name="table_acters[] было 3, при следующем клике 4 и т.д.
Заранее спасибо за любую помощь.
<div class="form_inputs_forms">
<div class="actors_input">
<table class="table_acters">
<tbody>
<tr>
<td></td>
<td><input type="text" name="table_acters[1][name]" class="input_acters"></td>
<td><input type="text" name="table_acters[1][name_second]" class="input_acters"></td>
<td style="width: 10%;text-align: center;"><a href="#" class="delete">[Удалить]</a></td>
</tr>
</tbody>
</table>
</div>
<div class="actors_input">
<table class="table_acters">
<tbody>
<tr>
<td></td>
<td><input type="text" name="table_acters[2][name]" class="input_acters"></td>
<td><input type="text" name="table_acters[2][name_second]" class="input_acters"></td>
<td style="width: 10%;text-align: center;"><a href="#" class="delete">[Удалить]</a></td>
</tr>
</tbody>
</table>
</div>
</div>
$(document).ready(function () {
function makeid() {
var text = "";
var possible = "0123456789";
for (var i = 0; i < 2; i++)
text += possible.charAt(Math.floor(Math.random() * possible.length));
return text;
}
$("#add_new_acter").on("click", function () {
var code = makeid();
var html_code = '<div class="actors_input">' +
'<table class="table_acters">' +
'<tbody>' +
'<tr>' +
'<td></td>' +
'<td><input type="text" name="table_acters[' + code + '][name]" class="input_acters"></td>' +
'<td><input type="text" name="table_acters[' + code + '][name_second]" class="input_acters"></td>' +
'<td style="width: 10%;text-align: center;"><a href="#inputs_1" class="delete">[Удалить]</a></td>' +
'</tr>' +
'</tbody>' +
'</table></div>';
$(".form_inputs_forms").append(html_code);
return false;
});
$(document).on('click', '.delete', function () {
$(this).closest(".actors_input").remove();
return false;
});
});