Foros del Web - Ver Mensaje Individual

fcosun · #1 (**permalink**) 26/09/2014, 13:28

Hola,

Como puedo cambiar de imagen al seleccionar un select, aca tengo este codigo.

Código HTML:

Ver original<html>
    <head>
    <title>jQuery - Clases</title>
        <script src="js/jquery-1.7.2.js" type="text/javascript"></script>
    </head>
   
    <script type="text/javascript">
        $(document).ready(function(){           
            $("#seleccion").change(function() {
                var num = $(this).val();
               
                if(num == 1){
                    valor = 'manzana.jpg';
                }
                if(num == 2){
                    valor = 'gato.jpg';
                }
               
                $('#caja1').val(valor);
            });           
        });
    </script>
   
<body>
 
<select id="seleccion">
    <option value='1'>Manzana</option>
    <option value='2'>Gato</option>   
</select>
 
<img id="caja1" src='images/'/>
 
</body>   
</html>