Habilitar campo após seleção

[manolegal 12]

Olá amigos

Tenho um formulário onde de acordo com o valor selecionado de certo campo, alguns campos são selecionados.

Está funcionando quase perfeitamente. O problema é o seguinte:

Ao selecionar o CAMPO_1 me abre o CAMPO_2 e até aí tudo bem. O que preciso agora é que dependendo da condição do CAMPO_2 selecionada, seja mostrado o CAMPO_3, ou seja, o CAMPO_2 é mostrado se o campo_1 tiver certa condição e também habilita o campo_3 se certa condição for selecionada.

Meu javascript

<script type="text/javascript">
            if (document.getElementById("campo_1").value =="Sim") {
                document.getElementById("campo_2").style.display="block";
            }
            else {
                document.getElementById("campo_2").style.display="none";
            }
}

function habil_cat() {   
    if (document.getElementById("campo_2").value =="Sim") {
        document.getElementById("campo_3").style.display="block";
    }
    else {
        document.getElementById("campo_3").style.display="none";
    }       

}
</script>

Meus campos

<select class="form-control" id="campo_1" name="campo_1" onchange="habilitar_campo()">

<select class="form-control" id="campo_2" name="campo_2" onchange="habil_cat()">

<select class="form-control" id="campo_3" name="campo_3">

O campo_3 não está abrindo ao selecionar a condição exigida no campo_2. O que há de errado?

Desde já agradeço pela colaboração

[wootzor 103]

Como é que mudas as opções dos select se não têm elementos option como filhos?

[manolegal 12]

CAMPO_2

<div class="row"> 
    <div id="campo_2" class="form-group col-md-3 col-md-offset-1">
        <label for="campo_2" class="form_input_opcional_label">Título 2</label>
        <select class="form-control" id="campo_2" name="campo_2" onchange="habil_cat()">
        <option value="">Título</option>
        <option value="Sim" <?php if ($campo_2 == 'Sim') {echo 'selected="selected"';}?> >Sim</option>
        <option value="Nao" <?php if ($campo_2 == 'Nao') {echo 'selected="selected"';}?> >Não</option>
        </select>
    </div>

[manolegal 12]

Alguém teria alguma sugestão?