Есть страница. При нажатии на ссылку добавляется одно поле. Вопрос: Как организовать что бы при нажатии на ссылку удалялось последнее поле. Так же нужно сделать проверку на кол-во полей. Минимально должно быть одно, максимально - бесконечно.
<html>
<head>
<title>JS</title>
<style>
#tracklist {
padding: 2px;
margin: 2px;
border: 1px dotted black;
}
a {
text-decoration: none;
color: red;
}
</style>
<script type="text/javascript">
function tracklist_handler(element_id) {
document.getElementById(element_id).innerHTML += '
<input type="text" name="tracklist[]" value="" />';
}
</script>
</head>
<body>
<!-- -->
<form method="post" action="">
<p id="tracklist">
<input type="text" name="tracklist[]" value="" />
</p>
<div style="text-align: center;">
<a href="javascript:tracklist_handler('tracklist')">+</a>
</div>
</form>
</body>
</html>