У меня есть следующее:
<!-- group clone //-->
<div class="section">
<div class="parent row infoOn">
<div class="validGroup">
<a title="remove" class="iconClose" href="#">remove</a>
<div class="grouping">
<div class="clearfix valid">
<label>Name<span class="iconReq"> </span>:</label>
<input type="password" class="text inpButton" name="items[0].first">
</div>
<div class="clearfix">
<label>Email<span class="iconReq"> </span>:</label>
<input type="text" class="text inpButton" name="items[0].first">
</div>
</div>
</div>
</div>
<div class="row addControl">
<a href="#" class="button">Add</a>
</div>
</div>
<!-- group clone //-->
и jQuery:
$(function(){
// Control clone
$('div.addControl a.button').click(function (e){
e.preventDefault();
var parent = $(this).closest('.section').find('.parent:last');
var parentInput = parent.clone();
parentInput.find("input").val("");
parent.after(parentInput);
});
$('div.validGroup a.iconClose').live('click', function (e){
e.preventDefault();
if ($(this).closest('.section').find('.parent').length > 1){
$(this).closest('div.parent').remove();
}
});
reflesh();
});
Вопрос: как мне изменить его так, чтобы при добавлении ИЛИ при удалении новой группы поля ввода были переименованы в name = "items [INDEX] .first"
и name = " items [INDEX] .last "
Например. когда есть только одна «группа», поля ввода будут иметь имена:
name = "items [0] .first"
name = "items [0] .last"
если я добавлю еще одну, новый будет иметь
name = "items [1] .first"
name = "items [1] .first"
и так далее.
Когда я удаляю первый (один с items [0] .first
), имена ввода второго будут изменены с «items [1] .first»
на items [0] .first
.
вот как это выглядит: