Armar cotizacion e ir mostrando opciones laterales

[JessicaTJ]

Entonces seria algo asi dany?:

Código Javascript:

$('#tipo_producto').ready( function (){
        $('#quote_product').text( $('option:selected').text() );
        $('#quote_product').change();
    });
 

El HTML ke tengo es este:

Código HTML:

<select onChange="modelo(this.value)" name="tipo_producto" id="tipo_producto">
    <option>Por favor selecciona un modelo</option>
    <option value="Mesa Basica" selected="selected">Mesa Formaica Laminada</option>
    <option value="2">Mesa Antiestatica</option>
    <option value="3">Mesa Superficies de Acero</option>
    <option value="4">Mesa Superficies de Madera</option>
</select>
<select name="uso_destinado" id="uso_destinado">
    <option>Seleccione tipo de uso</option>
    <option value="1">Uso 1</option>
    <option value="2">Uso 2</option>
    <option value="3">Uso 3</option>
    <option value="4">Uso 4</option>
</select>
<select name="cantidad" id="cantidad">
      <option selected="selected">Seleccione Cantidad</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
    </select>
 

Y lo ke me imprime en el DIV #quote_product es:
Mesa Formaica LaminadaSeleccione tipo de usoSeleccione CantidadSeleccione

Como tomandome los valores iniciales de los 3 selects, siendo ke no deberia de hacerlo