exibir e ocultar itens do select e que funcione quando o cadastro for feito

<pre>
exibir e ocultar itens do select que funcione quando o cadastro for feito<br>

Boa tarde a todos. Direto ao ponto. Pessoal entendo muito pouco de javascript e estou tentando obter o seguinte resultado e que funcione quando o cadastro for feito

No EX 1 abaixo gostaria que

no select 1 ao selecionar seg_a_sexta gostaria que o select 3 me apresentasse este resultado
<select name="semanas" required>
 <option value=""></option>
 <option value="segunda">segunda</option>
 <option value="terca">terca</option>
 <option value="quarta">quarta</option>
 <option value="quinta">quinta</option>
 <option value="sexta">sexta</option>
</select>

no select 1 ao selecionar sabado gostaria que o select 3 me apresentasse este resultado
<select name="semanas" required>
 <option value="sabado" >sabado</option>
</select>

no select 1 ao selecionar domingo gostaria que o select 3 me apresentasse este resultado
<select name="semanas" required>
 <option value="domingo" >domingo</option>
</select>

</pre>

	...

	**EX 1**

<pre>
<hr>
select 1
<select name="semanas" style="width:100px;" required >
 <option value="" ></option>
 <option value="seg_a_sexta">seg_a_sexta</option>
 <option value="sabado">sabado</option>
 <option value="domingo">domingo</option>
</select>

select 2
<select name="id_semanas" style="width:100px;" >
 <option value=""></option>
 <option value="1">seg_a_sexta</option>
 <option value="2">sabado</option>
 <option value="3">domingo</option>
</select>

select 3
<select name="semanas" style="width:100px;" required>
 <option value=""></option>
 <option value="segunda">segunda</option>
 <option value="terca">terca</option>
 <option value="quarta">quarta</option>
 <option value="quinta">quinta</option>
 <option value="sexta">sexta</option>
 <option value="sabado" >sabado</option>
 <option value="domingo" >domingo</option>
</select>

<script>
(function(document){
 'use strict';
 var $semanas = document.querySelector('select[name="semanas"]');
 var $id_semanas = document.querySelector('select[name="id_semanas"]');

 var mapA = {
 '' : '',
 'seg_a_sexta' : '1',
 'sabado' : '2',
 'domingo' : '3'
 };

 function selected($select, value) {
 var $options = $select.getElementsByTagName('option');

 for(var i=0; i < $options.length; i++) {
 if ($options[i].value === value) {
 return $options[i].selected = true;
 }
 }
 }

 $semanas.addEventListener('change', function(){
 var v = this.value;
 selected($id_semanas, mapA[this.value]);
 });

}(document));
</script>

</pre>