NueveReinas

HTML

<form class="test">
    <select name="selector" id="test">
        <option value="1">Espec&iacute;fico</option>
        <option value="2">Comercial</option>
    </select>
</form>

<form class="esp">
    <label>Especifica:</label>
    <input type="text" />
</form>

<form class="com">
    <label>Comercial:</label>
    <input type="text" />
</form>

CSS

.test {
    background:green;
    padding:15px;
    margin:10px;
}

.esp {
    background:blue;
    padding:15px;
    margin:10px;
    display:none;
    color:white;
}

.com {
    background:red;
    padding:15px;
    margin:10px;
    display:none;
    color:white;
}

JavaScript

//Asignamos como valor principal al "select", el valor 1. Es el que se mostrará sin haber seleccionado nada.
if ($('#test').val() == 1)
    {
        $(".esp").css("display","block");
        $(".com").css("display","none");
    };

//Detectamos los cambios y mostramos uno u otro form
$('#test').change(function() {
    
    if ($('#test').val() == 1)
    {
        $(".esp").css("display","block");
        $(".com").css("display","none");
    };
    
    if ($('#test').val() == 2)
    {
        $(".esp").css("display","none");
        $(".com").css("display","block");
    };
    
});