liberar select apartir de outro selecionado

[DarthEdu 0]

Galera, tenho o seguinte código, tenho um select com option, eu queria que quando o cara selecionasse cartão, mostrasse outro select com as bandeiras para ele selecionar, tanto de débito quanto de crédito.

Alguém poderia me ajudar?

<select class="control">
   <option>Forma de pagamento</option>
   <option>Dinheiro</option>
   <option id="cartao">Cartão de crédito</option>
   <option id="cartao">Cartão de débito</option>
</select>

<select id="bandeira" class="control">
   <option>Elo</option>
   <option>Master Card</option>
   <option>Visa</option>
   <option>Diners</option>
</select>

<script language="javascript" type="text/javascript">
   $(document).ready(function(){
        $("#bandeira").hide()
	$("#bandeira").change(
       	  function(){
           var valor = $("id:selected", this).val();
             if(valor == 'cartao'){
               $("#bandeira").show();
	    }
	    else{
	     $("#bandeira").hide();
           }
        });
});
</script>'

[allex_carvalho 124]

O primeiro problema é o primeiro select ter as ID's no option. Coloque o ID na select. Feito isso, coloque o ID cartao (que sairá do option para o select) no .change.

[DarthEdu 0]

mas eu quero que o segundo select apareça somente quando o option de cartão seja selecionado

[allex_carvalho 124]

Você não entendeu o que eu disse:

<select id="cartao" name="cartao" class="control">
   <option value="">Forma de pagamento</option>
   <option value="dinheiro">Dinheiro</option>
   <option value="cartao">Cartão de crédito</option>
   <option value="cartao">Cartão de débito</option>
</select>

<select id="bandeira" name="bandeira" class="control">
   <option value="Elo">Elo</option>
   <option value="Master Card">Master Card</option>
   <option value="Visa">Visa</option>
   <option value="Diners">Diners</option>
</select>

<script language="javascript" type="text/javascript">
   $(document).ready(function(){
        $("#bandeira").hide();
	$("#cartao").change(function(){
           var valor = $(this).val();
           if(valor == 'cartao'){
               $("#bandeira").show();
	   } else {
	     $("#bandeira").hide();
           }
        });
    });
</script>

[DarthEdu 0]

Agora eu entendi, muito obrigado, amigo!