Показать сообщение отдельно
  #1 (permalink)  
Старый 12.03.2021, 00:56
Интересующийся
Отправить личное сообщение для kovalenko3331 Посмотреть профиль Найти все сообщения от kovalenko3331
 
Регистрация: 14.08.2015
Сообщений: 17

При клике к созданному атрибуту name добавить число +1 к числу из последнего атрибута
Уважаемые форумчане! Очень нужна Ваша помощь. Подскажите пожалуйста, как из приведённого ниже кода 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;
	});

});

Последний раз редактировалось kovalenko3331, 12.03.2021 в 00:59.
Ответить с цитированием