0

he estado revisando el sitio y no he podido encontrar una respuesta a mi duda. Estoy intentado desde un select con un listado de productos que tengo en una vista que al selecciona uno se me actualicen los datos de existencia de ese producto que obtengo desde una función del controlador. Se como obtenerlos con php, lo que necesito es lograrlo en la misma pagina, sin recargarla, pero no soy muy ducho en javascript y estoy algo perdido. Saludos y gracias de antemano.

2
  • Delvis, considera incluir un ejemplo mínimo verificable, para que podamos ayudarte mejor. Si no tienes uno, considera repasar un poco de AJAX y despues plantea tus dudas en este sitio. Commented el 22 mar. 2018 a las 19:08
  • lo que he podido hacer hasta ahora es :<script type="text/javascript"> document.getElementById('product_id'){ if(id) { $.ajax({ url:"<?=site_url("storemov/getID/$row->product_id")?>", type:"POST", dataType: 'json', success:function(respuesta){ window.location.href = "<?=site_url("storemov/create/$row->product_id")?>"; } }); } } </script> Commented el 22 mar. 2018 a las 19:32

2 respuestas 2

1

En tu vista puedes agregar un script y por javascript obtienes el valor ya sea con un document.getElementById('tu_selector') luego de esto envías tu id por ajax al controlador, y la respuesta en el .done te encarga de adaptarla sin necesidad de haber hecho un reload de la página ni submit o algo por el estilo.

Invocar el elemento JS

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>



    <script>
$(document).on('ready',function(){   
$('#mi_selector').on('change', function() {
              // Para determinar el cambio de valor
    var id = $('#mi_selector).val();
    //alert(id);
              $.ajax({                        
               type: "POST",                 
               url: "mi_controlador", //recordar sin el .php                    
               data: id, 
               success: function(data)             
               {
                 $('#resp').html(data);               
               }
           });
            });
});
</script>

luego en tu controlador vas a recibir es la variable y hacer con él lo que deseas para retornar una respuesta.

$id = $_POST['data'];
13
  • Por lo que he leído eso es exactamente lo que debo hacer pero no se crear el script. he visto varios y he intentado modificarlos pero mi conocimiento es casi nulo en javascript. Commented el 22 mar. 2018 a las 19:26
  • descomente el alert, para confirmar que estoy recibiendo el id pero no me envia nada. #mi_selector es el id="mi_selector" del select no??? Commented el 22 mar. 2018 a las 19:47
  • Claro, debes colocar el id de tu select Commented el 22 mar. 2018 a las 19:48
  • <div class="form-group"> <label class="control-label">Producto</label> <select class="form-control selectpicker" id="mi_selector" name="product_id"> <?php foreach ($product->result() as $row): ?> <option value="<?=$row->product_id?>" ><?=$row->product_code?> - <?=$row->product_name?></option> <?php endforeach;?> </select> </div> Commented el 22 mar. 2018 a las 19:49
  • disculpa es que no se tampoco como escribir codigo aca que me quede organizado. Commented el 22 mar. 2018 a las 19:49
0

Lo que he podido hacer hasta ahora es:

<script type="text/javascript">
    document.getElementById('product_id'){
        if(id) {
            $.ajax({
                  url:"<?=site_url("storemov/getID/$row->product_id")?>",
                  type:"POST",
                  dataType: 'json',
                  success:function(respuesta){
                      window.location.href = "<?=site_url("storemov/create/$row->product_id")?>";
                  }
            });
        }
    }
</script>

Donde ('product_id') es mi select, storemov/getID/$row->product_id es la llamada al método que me filtra la consulta, es la pagina que debería recargar

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.