[Arfey]

<div id="area" class = "input_div"><input class="food_input_center" type="text"  name="food[0]"/></div>
	<div class = "baton_right">
	<input class = "baton_klick" type="button" value="+" onclick="add();" />	
	<input class = "baton_klick" type="button" value="-" onclick="remove();" />
	</div>


<script type="text/javascript">
var e = document.getElementById('area');
	function add() {
	var q = e.getElementsByTagName('input');
	if (q.length < 15) {
		var c = document.createElement('input');
		c.type = 'text';
		c.name = 'food[' + e.getElementsByTagName('input').length + ']';
		c.className = 'food_input_center'; 
		e.appendChild(c);
		}
	}
	function remove() {
		var q = e.getElementsByTagName('input');
		if (q.length > 1) {
		q[q.length - 1].parentNode.removeChild(q[q.length - 1]);
		}
	}
</script>

мой кусок)