Tengo el siguiente código js que hace lo siguiente:   

Muestra de manera ordenada lo que recupera de un arreglo en un select
pero no se como hacer que imprima en el <div id="tipo"></div> si el producto seleccionado es solido o liquido.. me he bloqueado, y por ello recurro a su colaboración. Dejo sólo el codigo JS.  

Vale acotar que ya intente colocando `document.getElementById("tipo").innerHTML = tipo;` despues de `document.getElementById("lista").innerHTML = document.write(text);` pero no funciona.



<!-- language: lang-js -->

    producto = [
        /*
        a: Abreviacion Formula
        n: Nombre con espacio igual espacio ( = )
        v: valor inicial
        t: tipo de producto true para liq y false para sol
        */
        { c: " ", n: 'Jabon en Pasta', v: 0, t: "sol" },
        { c: " ", n: 'Ambientador', v: 0, t: "liq" },
        { c: " ", n: 'Cloro', v: 0, t: "liq" }
    ];
    producto.sort(function(a, b) {
        if (a.n > b.n) {
            return 1;
        }
        if (a.n < b.n) {
            return -1;
        }
        // a must be equal to b
        return 0;
    });
    function selector() {
        // document.getElementsByTagName("option").addEventListener("click", location.reload());
        var selec = document.getElementById("mySelect").value;
        document.getElementById("formula").innerHTML = selec;
        document.getElementById("mySelect").value = "";
        document.getElementById("entrada").value = "";
        document.getElementById("salida").innerHTML = "";
        document.getElementById("procedimiento").innerHTML = "";
    }

    function salidaproducto() {
        text = "<select class='form-control' id='mySelect' onchange='selector();'>";
        for (li in producto) {
            var tipo = "";
            if (producto[li].t == "liq") { tipo = "Liquido"; } else { tipo = "Solido"; };
            text += "<option>" + producto[li].n + "</option>";
        }
        text += "<option value='' disabled selected hidden>Seleccione un Producto...</option>";
        text += "</select>";
        document.getElementById("lista").innerHTML = document.write(text);
    }