Здравствуйте, я пытаюсь добавить новое поле формы и удалить поле формы, вдохновившись этим руководством - http://bootsnipp.com/snipps/dynamic-form-fields
Моя текущая проблема - удалить и сбросить все значения в хронологическом порядке.
<input type="hidden" name="count" value="1" />
<div class="control-group" id="fields">
<label class="control-label" for="field1">Nice Multiple Form Fields</label>
<div class="controls" id="profs">
<div class="input-append">
<input autocomplete="off" class="span3" id="field1" name="prof1" type="text" placeholder="Type something (it has typeahead too)" data-provide="typeahead" data-items="8"
data-source='["Aardvark","Beatlejuice","Capricorn","Deathmaul","Epic"]'/><button id="b1" onClick="addFormField()" class="btn btn-info" type="button">+</button>
</div>
<br /><small>Press + to add another form field :)</small>
</div>
</div>
Javascript: -
var next = 1;
function addFormField(){
var addto = "#field" + next;
next = next + 1;
var newIn = '<br /><br /><input autocomplete="off" class="span3" id="field' + next + '" name="field' + next + '" type="text" data-provide="typeahead" data-items="8"><button id="b1" onClick="$(this).parent().remove();" class="btn btn-info" type="button">+</button>';
var newInput = $(newIn);
$(addto).after(newInput);
$("#field" + next).attr('data-source',$(addto).attr('data-source'));
$("#count").val(next);
}
Родительский элемент удаляется, но следующий счетчик не сбрасывается должным образом. в скрытой и все вновь созданной форме: -
Только добавить демонстрацию: - http://bootsnipp.com/snipps/dynamic-form-fields
Добавить демонстрацию удаления с ошибкой: - http://jsfiddle.net/6dCrT/2/
Может кто-то помочь мне, пожалуйста.
Спасибо
