habilitar e desabilitar item

Olá pessoal. Ao pressionar aluno ou aprendiz, estou tentando exibir somente os itens que corresponde ao item que foi pressionado; sem adicionar mais querySelector nas duas funções abaixo.

<style>
.item1, .item2, .item3, .item4, .item5, .item6,
#item1, #item2, #item3, #item4, #item5, #item6{ display: none;}

</style>

	<select size="4">
 <option onclick="funcAprendiz()">aprendiz</option></option>
 <option onclick="funcAluno()">aluno</option>
	</select>

	<select size="7">
 <option value=""></option>
 <option id="item1" class="item1 ">item1</option>
 <option id="item2" class="item2 ">item2</option>
 <option id="item3" class="item3 ">item3</option>
 <option id="item4" class="item4 ">item4</option>
 <option id="item5" class="item5 ">item5</option>
 <option id="item6" class="item6 ">item6</option>
	</select>

<script>

	function funcAprendiz(){
 document.querySelector(".item1").style.display='block';
 document.querySelector('.item2').style.display='block';
	}

	function funcAluno(){
 document.querySelector('.item3').style.display='block';
 document.querySelector('.item4').style.display='block';
 document.querySelector('.item5').style.display='block';
 document.querySelector('.item6').style.display='block';
	}

</script>