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.
-
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.– Kenny BarreraCommented 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>– Delvis DíazCommented el 22 mar. 2018 a las 19:32
Añade un comentario
|
2 respuestas
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'];
-
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
-
-
<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
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