Estou precisando fazer com que um select carregue uma lista de option cada vez que em um outro select anterior mude de seleção. Sei que usarei JavaScript para fazer isso, mas como?
Segue o código:
<b>Área:</b></td>
<select name="area" id="area">
<option value="Controladoria">Controladoria</option>
<option value="Negócios">Negócios</option>
</select>
<b>Setor:</b>
<select name="setor" id="setor">
<option value="SETOR 1 (CONTROLADORIA OU NEGÓCIOS)">SETOR 1 (CONTROLADORIA OU NEGÓCIOS)</option>
<option value="SETOR 2 (CONTROLADORIA OU NEGÓCIOS)">SETOR 2 (CONTROLADORIA OU NEGÓCIOS)</option>
<option value="SETOR 3 (CONTROLADORIA OU NEGÓCIOS)">SETOR 3 (CONTROLADORIA OU NEGÓCIOS)</option>
<option value="SETOR 3 (CONTROLADORIA OU NEGÓCIOS)">SETOR 4 (CONTROLADORIA OU NEGÓCIOS)</option>
</select>
Porém, os setores de "Controladoria" e "Negócios" do primeiro select são diferentes, e quando eu selecionar cada um no primeiro, apareça os respectivos setores abaixo no segundo select.
Agradeço desde já quem puder me ajudar.