]3
Formulario que me diga cual es el valor del transporte con DJANGO. al seleccionar el colegio y el lugar donde vive me aparezca la tarifa (valor)
]3
Formulario que me diga cual es el valor del transporte con DJANGO. al seleccionar el colegio y el lugar donde vive me aparezca la tarifa (valor)
Para esto debes usar algo de ajax, jquery similar a los combos dependientes. Primero que nada te sugiero unos ligeros cambios en tus models:
class Colegio(models.Model):
nombre = models.CharField(max_length=100)
def __str__(self):
return self.nombre
......
......
class Destino(models.Model):
nombre = models.CharField(max_length=100)
def __str__(self):
return self.nombre
......
......
class Tarifa(models.Model):
colegio = models.ForeignKey(Colegio, on_delete=models.CASCADE)
destino = models.ForeignKey(Destino, on_delete=models.CASCADE)
precio = models.FloatField()
def __str__(self):
return self.precio
......
......
Como puedes notar en los modelos no es necesario definir el id, dado que por defecto Django ya lo hace por id y lo pone con el nombre de id y autoincrementable, tambien otro cambio seria cambiar:
nombre_colegio, nombre_destino
por :
nombre de esta forma es mas claro y asi estipula la mayoria de manuales y reglas basicas de diseño y analisis de base de datos. en tu html:
<select name="colegio" id="colegio" onchange="consultarPrecio();">
<option value="" select disabled>Seleccione</option>
{% for colegio in contratos %}
<option value="{{ colegio.pk }}">{{ colegio.nombre }}</option>
{% endfor %}
</select>
<select name="destino" id="destino" onchange="consultarPrecio();">
<option value="" select disabled>Seleccione</option>
{% for destino in destinos %}
<option value="{{ destino.pk }}">{{ destino.nombre }}</option>
{% endfor %}
</select>
<input type="text" name="tarifa" id="tarifa">
Si te fijas lo que se hace es agregar el evento onchange , y mediante javascript obtengo dichos valores y consulto en el model Tarifa, el codigo Javascript seria algo asi:
function consultarPrecio(){
//obtengo los valores de mis select y valido que hayan sido seleccionados
var colegio = $("#colegio").val();
if(colegio == "" || colegio == null){
alert("seleccione el colegio !!");
return false;
}
var destino = $("#destino").val();
if(destino == "" || destino == null){
alert("seleccione el destino !!");
return false;
}
//token
var csrftoken = getCookie('csrftoken');
$.ajax({
type: "GET",
url: "consultar_tarifa",
data:{
csrfmiddlewaretoken : csrftoken,
colegio:colegio,
destino:destino
},
dataType: "json",
success: function(data) {
codigo = data.resultado;
tarifa_data = data.precio[0];
if(codigo=='ok_select'){
$("#tarifa").val(tarifa_data.precio);
}
},
error: function( jqXHR, textStatus, errorThrown ) {
if (jqXHR.status === 0) {
alert('Error al intentar Conectarse: Verifique su conexion a Internet.');
} else if (jqXHR.status == 404) {
alert('La Pagina solicitada no fue encontrada [404]');
} else if (jqXHR.status == 500) {
alert('Erro Interno [500]');
} else if (textStatus === 'parsererror') {
alert('Error en el retorno de Datos. [parseJson]');
} else if (textStatus === 'timeout') {
alert('Tiempo de Espera agotado');
} else if (textStatus === 'abort') {
alert('Solicitud Abortada. [Ajax Request]');
} else {
swal('Error desconocido: ' + jqXHR.responseText);
}//end if
}//end error
});
}//end function consultarPrecio
Tu urls.py:
url(r'^consultar_tarifa', ConsultarTarifa, name='consultar_tarifa'),
en tu views.py:
def ConsultarTarifa(request):
if request.method == 'GET':
colegio = request.GET['colegio']
destino = request.GET['destino']
precio = Tarifa.objects.values().all().filter(colegio=colegio, destino=destino)
precio_list = list(precio)
data = {
'resultado': 'ok_select',
'precio': precio_list
}
return HttpResponse(json.dumps(data), content_type="application/json")
como se puede analizar lo que hago es obtener los valores de tus select(colegio, destino) mediante su id y luego se los envio x ajax hacia el views donde realizo una simple consulta y retorno la respuesta y esta la coloco en un input(tarifa) median el id. Existe mas formas, espero te sirva y te pueda guiar.suerte !!
Nota.- Cuando se hace llamados por ajax hacia django hay que incluir el token de django como estipula la documentacion ..revisala: ajax django