[zerojava]

Спасибо за подробное описание. Но я хотел бы явно привязать добавление к элементу <select>. чтобы значение value соответствовало кол-ву строк в таблице. Чтоб строки добавлялись и удалялись только после первой строки, внутри таблицы.

Пробовал так, но не работает

<script>
function Rows ( count, relative ) {
  var table = document.getElementById( "myTable" );
  var rows = table.rows;
  var count = document.getElementById("rows")[4].value;
	table.insertRow( 1 ).insertCell( 1 ).innerHTML = "";
}
</script>

<select name="select" id="rows" onchange="Rows()">
	<option value="4">4 шт</option>
	<option value="5" selected="selected">5 шт</option>
	<option value="6">6 шт</option>
	<option value="7">7 шт</option>
	<option value="8">8 шт</option>
	<option value="9">9 шт</option>
</select>
<br/>
<table id="myTable" border="1">
<tr><td>row 1</td></tr>
<tr><td>row 2</td></tr>
<tr><td>row 3</td></tr>
<tr><td>row 4</td></tr>
</table>