Ver Mensaje Individual
  #5 (permalink)  
Antiguo 06/08/2017, 00:58
Avatar de Jose_A
Jose_A
 
Fecha de Ingreso: mayo-2015
Ubicación: México, Sonora.
Mensajes: 180
Antigüedad: 8 años, 11 meses
Puntos: 0
Respuesta: Cambiar la imagen de pendiendo la seleccionada

Código:
  <div class="col-sm-4">
                      <div class="form-group">
                          <label>Ancho</label>
                          <input type="text" name="ancho" class="form-control" placeholder="1.205" required>
                      </div>
                  </div>


                  <div class="col-sm-4">
                      <div class="form-group">
                          <label>Largo</label>
                          <input type="text" name="ancho" class="form-control" placeholder="1.205" required> 
                      </div> 
                   </div>
                                    
                  <div class="col-sm-4">
                      <div class="form-group">
                         <label>ó</label> <label>Metros Cuadrados</label>
                           <input type="text" name="ancho" class="form-control" placeholder="1.205" required>
                      </div>
                  </div>

                  
									  <div id="div_estilos" class="form-group">
                                        <label>Estilo </label>
                                        <select class='form-control' id="estilo" required name='estilo' onchange="sel_estilo(this.value)">
											<option value=''>-- Selecciona --</option>
                       <!--     Alfombra       -->   
											<option value='Trafico' style="display:none">Tráfico Pesado</option> <!--1-->
											<option value='Residencial' style="display:none">Residencial</option>
                       <!--      Pasto Sintético         
                      <option value='R21' style="display:none">R21 G32(Bajo pedido)</option> 
                      <option value='Bermuda' style="display:none">Bermuda</option>-->
                       <!--      Piso Laminado       -->   
                      <option value='7mm' style="display:none">7mm</option> <!--3-->
                      <option value='8mm' style="display:none">8mm</option>
                      <option value='10mm' style="display:none">10mm</option>
											<option value='12mm' style="display:none">12mm</option>
                      <!--      Persianas      --> 
                      <option value='Rollet' style="display:none">Rollet</option> <!--7-->
                      <option value='Wollet' style="display:none">Wollet</option>
                      <option value='Panellet' style="display:none">Panellet</option>
                      <option value='Aluminix' style="display:none">Aluminix</option>
										</select>
                   </div>

                <div  class="form-group">
                    <label>Rango de precios</label>
                    <select class='form-control' required id="rango" name='rango' onchange="sel_rango(this.value)">
                      <option value=''>-- Selecciona --</option>
                      <!--      Calidad Alfombra (Trafico Pesado)       --> 
                      <option value='250' style="display:none">$250 - $350</option> <!--1-->
                      <option value='351' style="display:none">$351 - $450</option>
                      <!--      Calidad Alfombra (Residencial)       --> 
                      <option value='300' style="display:none">$300 - $450</option> <!--3-->
                      <option value='451' style="display:none">$451 - $600</option>
                      <option value='601_1' style="display:none">$601 - $750</option>
                      <option value='751' style="display:none">$751 - $950</option>
                      <option value='951' style="display:none">$951 - $1100</option>
                      <option value='1101' style="display:none">$1101 - $1250</option>
                      <option value='1250' style="display:none">$1250 - $1400</option>
                      <!--    Pasto Sintético      --> 
                      <option value='450' style="display:none">$450 - $600</option>
                      <option value='450_2' style="display:none">$450 - $600</option> <!--10-->
                      <option value='601_2' style="display:none">$601 - $750</option>
                      <!--      Piso Laminado       --> 
                      <option value='350' style="display:none">$350 - $400</option> <!--12-->
                      <option value='401' style="display:none">$401 - $450</option>
                      <option value='500' style="display:none">$500 - $550</option>
                      <option value='551' style="display:none">$551 - $600</option>
                      <option value='600' style="display:none">$600 - $650</option>
                      <option value='700' style="display:none">$700 - $750</option>
                        <!--    Persianas      --> 
                      <option value='1000' style="display:none">$1000 - $1500</option> <!--18-->
                      <option value='1501' style="display:none">$1501 - $2001</option>
                      <option value='2002' style="display:none">$2002 - $2502</option>
                      <option value='2503' style="display:none">$2503 - $3003</option>   
                    </select>
                </div>

                <div id="div_est_pasto" style="display:none" class="form-group">
                    <label>Estilo </label>
                    <select class='form-control' required id="estiloP"  name='estiloP' ">
                      <option value=''>-- Selecciona --</option>
                       <!--      Pasto Sintético       -->   
                      <option value='R21' style="display:none">R21 (Bajo pedido)</option>
                      <option value='G32' style="display:none">G32 (Bajo pedido)</option>
                     <!--3-->
                      <option value='Bermuda' style="display:none">Bermuda</option>
                    </select>
                </div>

                <div id="div_calidad" class="form-group">
                    <label>Calidad</label>
                     <select class='form-control' id ="calidad" required name='calidad'>
                      <option value=''>-- Selecciona --</option>
                             <!--      Calidad Alfombra (Tráfico Pesado)       --> 
                      <option value='Sprint' style="display:none">Guerrero-Sprint</option> <!--1-->
                      <option value='Gladiador' style="display:none">Gladiador</option>
                      <option value='Gladiador' style="display:none">Curator</option>
                      <option value='Curator' style="display:none">Olefina(Bajo Pedido)</option>
                             <!--      Calidad Alfombra (Residencial)       --> 
                      <option value='Sprint' style="display:none">Montreal</option> <!--5-->
                      <option value='Gladiador' style="display:none">Venus</option>
                      <option value='Curator' style="display:none">Castelo, Ejecutiva</option>
                      <option value='Olefina' style="display:none">Ejecutiva</option>
                      <option value='Olefina' style="display:none">Montecarlo</option>
                      <option value='Olefina' style="display:none">Castelo</option>
                      <option value='Olefina' style="display:none">Glam</option>
                                   <!--     Piso Laminado       --> 
                      <option value='Sprint' style="display:none">Casual</option> <!--12-->
                      <option value='Ambienta' style="display:none">Ambienta</option> 
                      <option value='Gladiador' style="display:none">Trend</option>
                      <option value='Curator' style="display:none">Style</option>
                      <option value='Olefina' style="display:none">Splendor</option>
                      <option value='Sprint' style="display:none">Hickory</option>
                      <option value='Gladiador' style="display:none">Grand Walnut</option>
                      <option value='Curator' style="display:none">Mammut Plus</option>  
                    </select>
                </div>
                <div id="div_color_pers" style="display: none" class="form-group">
                    <label>Color</label>
                     <select class='form-control' id ="colorPers" required name='colorPers'>
                      <option value=''>-- Selecciona --</option>
                             <!--      Color para Persianas       --> 
                      <option value='rojo' style="display:none">Rojo</option> <!--1-->
                      <option value='negro' style="display:none">Negro</option>
                      <option value='azul' style="display:none">Azul</option> 
                      <option value='gris' style="display:none">Gris</option>
                      <option value='blanco' style="display:none">Blanco</option>
                      <option value='plateado' style="display:none">Plateado</option>
                      <option value='dorado' style="display:none">Dorado</option>
                      <option value='esmeralda' style="display:none">Esmeralda</option>
                    </select>
                </div>