Resetar SELECT a partir de Outro Select

[Gilberto Jr 26]

Pessoal, bom dia;

 

Como eu posso fazer essa situação, eu tenho  dois select, dai imaginamos que seleciono no select GRUPO a opção 3, GRUPO 3, e no select DPTO eu seleciono o option 4, DPTO 4. E caso eu selecione outro GRUPO, o reseta o select DPTO.

	<span>GRUPO:</span>

	<select id="idcliente" name="rede" class="redee">

	<option value="#">SELECIONE O GRUPO</option>

	<option value="1">GRUPO 1</option>

	<option value="2">GRUPO 2</option>

	<option value="3">GRUPO 3</option>

	</select>




	<span>DPTO:</span>

	<select name="dpto" id="dpto">



	<option value="#">SELECIONE O DPTO</option>

	<option value="1">DPTO 1</option>

	<option value="2">DPTO 2</option>

	<option value="3">DPTO 3</option>

	<option value="4">DPTO 4</option>

	<option value="5">DPTO 5</option>

	<option value="6">DPTO 6</option>

	</select>



	[/CODE]

 

Fico grato se puderem me ajudar.

 

Att;

Gilberto Jr

[vinifonseca1618 2]

Tenta o seguinte:

var grupoSelecionado = "#"
var grupoSelectEl = document.querySelector('#idcliente')
var depSelecionado = "#"
var depSelectEl = document.querySelector('#dpto')

function grupoSelecionado(grupo) {
  if (grupoSelecionado !== grupo) {
    depSelectEl.value = depSelecionado = "#"
  }
  grupoSelecionado = grupo
}

function depSelecionado(dep) {
    depSelecionado = dep
}

groupSelectEl.addEventListener('onchange', function(event) { grupoSelecionado( event.target.value || "" ) }
depSelectEl.addEventListener(  'onchange', function(event) { depSelecionado(   event.target.value || "" ) }