Question

Buenos Días, estoy presentando problemas y he buscado vias pero aún nada. Tengo un form con varios input type image y uno hidden quiero que cuando se de clic en un type image este pase el valor de su id al value del input hidden para consumir este valor en mi clase controladora:
Mi código aquí, utilizo CodeIgniter su clase helper form:

<?php echo form_open(base_url().'changeLeng',array('id'   => 'formulario',    'class' => 'form-horizontal'))?>              
                <ul>            
                    <?php                                       
                    foreach ($___idiomas as $_idioma) { 
                        if($_idioma->id != $this->session->userdata('idioma')){ ?>
                            <input onkeydown="pasarvalor(this.id);" title="<?php echo $_idioma->nombre; ?>" id="<?php echo $_idioma->id; ?>" alt="" src="<?php echo base_url().$_idioma->icono; ?>" type="image" />
                        <?php                       
                        } 
                    }?>
                </ul>
                <?php echo form_hidden('url',current_url());?>
                <?php echo form_hidden('idioma');?>
                <script>
                    function pasarvalor(id){
                        $("#idioma").val(id);                       
                    }
                </script>
            <?php echo form_close()?>   

He probado de varias formas pero no encuentro como hacer que el valor pase antes de llegar a mi controlador.
Saludos Dairon

Answer 1

El evento onkeydown no te servira en ese tipo de campo, en su lugar utiliza onclick, ya que utilizas jquery por que no utilizas la funcion on( event, handler|target, ...) ?

intenta con este código javascript:

<script type="text/javascript">
    $('.form-horizontal input[type=image]').on('click', function(){
        $('.form-horizontal input[name=idioma]').val($(this).attr('id'));
    });
</script>