<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<select id="first">
<option>-------</option>
<option>Кирпичи</option>
<option>Бутылки</option>
</select>
<div id="sel"></div>
<script>
first.onchange = function(){
if(this.selectedIndex == 0) sel.innerHTML = '';
if(this.selectedIndex == 1) //Кирпичи
sel.innerHTML = '\
<select>\
<option>2</option>\
<option>5</option>\
<option>9</option>\
</select><br>\
<select>\
<option>1-2</option>\
<option>4-6</option>\
</select>';
else if(this.selectedIndex == 2) //бутылки
sel.innerHTML = '\
<select>\
<option>10</option>\
<option>20</option>\
<option>30</option>\
<option>50</option>\
</select><br>\
<select>\
<option>10</option>\
<option>20</option>\
<option>30</option>\
<option>40</option>\
</select>';
};
</script>
</body>
</html>
если нужны value можете добавить, id тоже, обработчик вешайте внутри или делегируйте