Tenho 2 selects,um de divisão e o outro de grupos. Quando o de divisão for selecionado ele tem que trazer no segundo apenas os grupos que fazem parte daquela divisão. Na variável url que pega o json chamei o python de acordo com a minha view, mas no lugar desse 4 tem que ser o id do que foi selecionado anteriormente. Nessa linha:var url = "{% url 'cadastro:all_json' 4 %}" ;
<script>
$( document ).ready(function() {
$("select#id_divisao").change(function() {
if ($(this).val() == '') {
$("select#id_grupos").html("<option>Selecione uma divisão</option>");
$("select#id_grupos").attr('disabled', true);
} else {
var url = "{% url 'cadastro:all_json' 4 %}" ;
$.getJSON(url, function(grupos) {
var options = '<option value="">Select uma divisão</option>';
for (var i = 0; i < grupos.length; i++) {
options += '<option value="' + grupos[i].pk + '">' + grupos[i].fields.grupo + '</option>';
}
$("select#id_grupos").html(options);
$("select#iid_grupos option:first").attr('selected', 'selected');
});
}
});
});
</script>
views.py:
def all_json_grupos(request, idDivisao):
json_grupos = serializers.serialize("json", Grupo.objects.filter(divisao_id=idDivisao))
return HttpResponse(json_grupos)
Entro pela url e me mostra certinho os grupos de acordo com a divisão que coloquei, só preciso fazer funcionar no select