Заполните выделение колониями в соответствии с почтовым индексом

Добрый день, я делаю форму, в которой я работаю с cp и колониями, моя идея состоит в том, чтобы заполнить колонию select соответствующим значением. Я получаю данные от json, который я нашел в Интернете, и в настоящее время заполняю таким образом выбор CP

 $(document).ready(function () {
    $.getJSON('/dist/js/colonias.json', function (data) {
        $.each(data, function (key, value) {
            $('#cp').append($("<option></option>")
                .attr("value", value.localidad)
                .text(value.cp));
        });

    });

});

, чего не хватает, чтобы заполнить другой выбор колониями, которые находятся внутри этого почтового индекса.

и это фрагмент json, где я получаю информацию

    "cp": "76118",
"localidad": "10 de Abril",
"tipo": "Fraccionamiento",
"municipio": "Querétaro"

, мой проект делает это с .asp, если вам нужна дополнительная информация, пожалуйста, попросите ее. Я надеюсь, что вы можете помочь мне