Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
<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>Carregando comentários...