Usando apenas JavaScript:
HTML
<select id="area" name="area">
<option value="">Selecione</option>
<option value="Informática">Informática</option>
<option value="RH">RH</option>
</select>
<select id="setor" name="setor">
</select>
JavaScript (Utilizei o Jquery para facilitar):
$(function(){
var setores = {
"Informática": ["Sistemas", "Suporte", "Redes"],
"RH": ["Folha de pagamento", "Benefícios", "Contratações"]
};
$("#area").on('change', function(){
var options = $("#setor");
options.find('option').remove();
if($(this).val() == "") return;
$.each(setores[$(this).val()], function() {
options.append
($("<option />").val(this).text(this)
);
});
});
});
Exemplo no JSFiddle
No php apenas pegue os valores dos dois select
e concatene.
$_POST['area'].' > '.$_POST['setor']
Os valores dos select
pode ser feito via ajax também