Или даже так:
<!DOCTYPE html>
<head>
<title>Untitled Document</title>
</head>
<body>
<form id="fms">
<input type="button" name="add" value="добавить поля формы">
<input type="button" name="remove" value="удалить поля">
<script>
(function(){
var form = document.getElementById('fms');
var fields = [];
var buttons = {
add: form.add,
remove: form.remove
};
buttons.add.onclick = addField;
buttons.remove.onclick = removeField;
updateButtonsState();
function updateButtonsState() {
buttons.remove.disabled = fields.length <= 1;
}
function addField(){
var field = document.createElement('div');
var inputs = ['size', 'price'];
for (var i = 0; i < inputs.length; i++) {
var input = document.createElement('input');
input.name = inputs[i] + '[]';
field.appendChild(input);
}
form.appendChild(field); // добавляем на страницу
fields.push(field); // добавляем в наш массивчик
updateButtonsState();
}
function removeField() {
var field = fields.pop();
field.parentNode.removeChild(field); // удаляем из страницы
updateButtonsState();
}
})();
</script>
</form>
</body>