Select dinâmico

[Marcones Borges 3]

Olá boa tarde!

Tenho 3 select e não estou conseguindo habilita-los pela seleção a ideia é selecionar tipo 1 habilita select 1, 2 habilita select 2.

  <select class="form-control input-sm" name="principal" id="principal">
                      <option value="select1">Ativa select 1</option>
                        <option value="select2">Ativa select 2</option>
                      </select>

  <select class="form-control input-sm" name="select1" id="select1">
                      <option value="opção 1">opção 1</option>
                        <option value="opção 2">opção 2</option>
                        <option value="opção 3">opção 3</option>
                      </select>

  <select class="form-control input-sm" name="select2" id="select2">
                      <option value="opção 7">opção 7</option>
                        <option value="opção 8">opção 8</option>
                        <option value="opção 9">opção 9</option>
                      </select>

//Java script

<script type='text/javascript'>

var principal = $("#principal");
var select1 = $("#select1");
var select2 = $("#select2");

inst.bind("input", function () {
    principal.val("");
    select1.val("");
    select1.attr("list", null)

    var option = $(inst.prop("list")).find("option[value='" + inst.val() + "']");
    if (option != null && option.length > 0) {
        principal.attr("list", "_" + option.attr("data-value"));
    } else {        
        principal.attr("list", null)
    }
});

</script>

 

 

Não consigo colocar pra funcionar...

 

alguém me ajude um!