- jQuery 1.7+
{
max: 5,
title: '',
buttons: {
add: "<a href=\"#\">add</a>",
del: "<a href=\"#\">delete</a>"
}
}
.multifields
.multifields-row
.multifields-row-buttons
.multifields-add-field
.multifields-del-field
MultiFields.add
MultiFields.remove
MultiFields.update
Example:
var elem = $('.multifields').eq(0);
elem.on('MultiFields.add', function(event, row) {
// do something
});
elem.on('MultiFields.remove', function(event, index) {
// do something
});
elem.on('MultiFields.update', function(event) {
// do something
});
form.MultiFields
Example:
var elem = $('.multifields').eq(0),
instance = elem.data('form.MultiFields');
instance.add();
instance.remove(1);
...
<div class="multifields" data-max-fields="5" data-title="Name">
<div>
<label for="names_0">Foo</label>
<input name="names[0]" id="names_0" type="text" value>
</div>
</div>