How to change all "name" attributes in a cloned div?
The script below is working fine but...
I need all unique "name" to send the form with php.
Can someone point me in the right direction?
- $(function() {
$('#pers').change(function() {
var personsSelected = $('#pers option:selected').data('costid');
var personsDisplayed = $('[id^="customer-"]:visible').length;
var personsRendered = $('[id^="customer-"]').length;
if (personsSelected > personsDisplayed) {
for (var i = 1; i <= personsSelected; i++) {
var r = $('#customer-' + i);
if (r.length == 0) {
var clone = $('#customer-1').clone();
clone.children(':first').text("Volwassene " + i);
setNewID(clone, i);
clone.children('div').children('select').each(function() {
setNewID($(this), i);
});
$(clone).insertBefore('#cloneafter');
} else {
$(r).show();
}
}
} else {
for (var i = ++personsSelected; i <= personsRendered; i++) {
$('#customer-' + i).hide();
}
}
});
function setNewID(elem, i) {
oldID = elem.attr('id');
newId = oldID.substring(0, oldID.indexOf('-')) + "-" + i;
elem.attr('id', newId);
}
});//END FUNCTION