Форум

Wahtel · #1 (**permalink**) 23.11.2014, 15:07

Всем привет, ломаю голову уже второй день, у меня есть форма, в котором див, внутри которого два инпута и кнопка на удаления, и под дивом кнопка на клонирование, работающая через jQuery.
У инпутов такие имена:

linkbuilder[1][word]
linkbuilder[1][link]

Я пытаюсь сделать так, что бы при нажатии на кнопку клонирования, jQuery проходился each-ом по инпутам, и менял их на:

linkbuilder[2][word]
linkbuilder[2][link]

если еще раз нажал, то:

linkbuilder[3][word]
linkbuilder[3][link]

Постоянно получается что то не то, пожаалуйста помогите)

рони · #2 (**permalink**) 23.11.2014, 15:19

Wahtel,
а хранить индекс и добавлять при клонировании

рони · #3 (**permalink**) 23.11.2014, 15:37

Wahtel,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     $(function(){
       var $add = $("#add"), indx = 1;
	   $add.click(function() { indx++
	     $('[name$="[word]"]').last().clone().appendTo('body')[0].name = 'linkbuilder['+indx+'][word]';
	     $('[name$="[link]"]').last().clone().appendTo('body')[0].name = 'linkbuilder['+indx+'][link]';
         alert($('body').html())
      });
});
  </script>
</head>

<body>
<input id="add" name="" type="button" value="add">
<input name="linkbuilder[1][word]">
<input name="linkbuilder[1][link]">
</body>

</html>

Форум

Справочник

Discord чат

Курсы javascript