Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Ajuda na criação de um formulário que listasse os municípios

Bom dia, pessoal!

Estou com um problema no desenvolvimento de um site e gostaria da ajuda de vocês.

Eu tenho um servidor Back-End em Django e estou usando os templates do próprio Django em conjunto do widget_tweaks para a renderização do formulário.

E na hora de cadastrar um município no formulário do paciente, o cliente pediu para que fossem listados todos os municípios do país para o paciente escolher.

Há algum repositório ou algum script que eu pudesse me basear para poder realizar isso?

Obrigado!

2 respostas
solução!

Olá João Gabriel!

No Github tem 2 repositórios que podem ser úteis.

No primeiro tem os dados em CSV ou Json: https://github.com/diego-augusto/cidades-estados-brasileiros

No segundo tem as regiões, estados e cidades para usar em PostgreeSQL: https://github.com/chgasparoto/estados-cidades-brasil-postgres

Espero ter ajudado!

Olá, Fabiano!

Muito obrigado pelos links dos repositórios!

Eu usei o primeiro link e consegui um json que funcionou perfeitamente!

Deixarei o código JavaScript que eu utilizei pra quem precisar de ajuda com isso também!

<script>
    $(document).ready(function () {
        var dataList = document.getElementById('cities');
        var xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                var json_cities = JSON.parse(this.responseText);
                json_cities.forEach(function(item) {
                    // Create a new <option> element.
                    var option = document.createElement('option');
                    // Set the value using the item in the JSON array.
                    option.value = item.nome;
                    // Add the <option> element to the <datalist>.
                    dataList.appendChild(option);
                });
            }
        };
        xmlhttp.open("GET", "{% static "assets/cidades.json" %}", true);
        // essa url é de onde eu salvei o arquivo json
        xmlhttp.send();
    });
</script>