Menu select en html

[fede5426]

Lo podes hacer con Jquery...

Código HTML:

<select name="select" id="principal">
   <option value=" " selected>---</option>
   <option value="mex">MEXICO</option>
   <option value="arg">ARGENTINA</option>
</select>
 
<select name="select" id="mexico">
   <option value="value1">MICHOACAN</option> 
   <option value="value2" selected>OAXACA</option>
   <option value="value3">GUANAJUATO</option>
</select>
 
<select name="select" id="argentina">
   <option value="value1">MENDOZA</option> 
   <option value="value2" selected>CORDOBA</option>
   <option value="value3">SALTA</option>
</select>
 

Código CSS:

#mexico,
#argentina{
    display:none;
}
 

Código Javascript:

$("#principal").change(function(){
    var valor = $("#principal option:selected").val();
        if(valor == "arg"){
            $("#argentina").fadeIn();
            $("#mexico").hide();
        }
        else if(valor == "mex"){
            $("#argentina").hide();
            $("#mexico").fadeIn();
        };
});
 

http://codepen.io/fede5426/pen/RPQebQ

Saludos