Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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.
Ответить с цитированием
  #2 (permalink)  
Старый 12.03.2021, 07:28
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

kovalenko3331,
строка 2
var  makeid = 2;

строка 14
var code = ++makeid;
Ответить с цитированием
  #3 (permalink)  
Старый 12.03.2021, 17:30
Интересующийся
Отправить личное сообщение для kovalenko3331 Посмотреть профиль Найти все сообщения от kovalenko3331
 
Регистрация: 14.08.2015
Сообщений: 17

В очередной раз Вам огромное спасибо!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
При клике появлялся новый элемент (бесконечно) Eadweard Элементы интерфейса 3 16.02.2016 08:13
Замена атрибута .href при клике на сторонний объект dartWeider Общие вопросы Javascript 7 24.04.2014 10:31
При клике на ссылку ничего не происходит gurg0n Элементы интерфейса 2 24.06.2013 11:11
Как добавить прозрачность картинке при клике на li в IE??? Андрей Лебедев Internet Explorer 4 10.02.2013 06:04
Изменение фона элемента при клике. psydo Элементы интерфейса 8 28.06.2012 23:53