Как связать 2 json при выборе страны и региона?

Владимир Коротенко, я извиняюсь, вот я создал пример: https://codepen.io/Genri_Rus/pen/MWYKgpO

Немного с гитхабом разбирался, загрузил туда страны и регионы

Как теперь при клике по стране выводить во втором списке города данной страны ?

Как связать 2 json при выборе страны и региона?

Владимир Коротенко, а так разве неправильно будет ?

$('select[name="country"]').change(function () {
    $.getJSON("/countries.json", null, function (data) {
        $('select[name="country"] option').remove();
        $.each(data.country_id, function (index, item) {
            $(select[name="country"]).append(
                $("<option></option>").text(item.title_ru).val(item.country_id)
            )
           $.getJSON("/region.json", null, function(data) {
                  $.each(data, function (index, el) {
                      if (el.country_id) {
                         console.log('ok');
                      }
                });
             });
        });
    });
});

Как связать 2 json при выборе страны и региона?

Владимир Коротенко, правильно ?

<select name="country"></select>

$('select[name="country"]').change(function () {
    $.getJSON("/countries.json", null, function (data) {
        $('select[name="country"] option').remove();
        $.each(data.country_id, function (index, item) {
            $(select[name="country"]).append(
                $("<option></option>").text(item.title_ru).val(item.country_id)
            )
        });
    });
});

А region.json загружать внутри цикла each ?

И сравнивать country_id страны с country_id у региона ?

Как связать 2 json при выборе страны и региона?

Владимир Коротенко, спасибо большое

А как на jquery сделать ?

Как связать 2 json при выборе страны и региона?

У меня country_id для страны соответствует country_id региону

По-идеи я же смогу сделать проверку и связать страну с регионами этой страны ?

Как связать 2 json при выборе страны и региона?

Спасибо, а вот так как-то можно ?

$('select[name="country"]').change(function () {
    $.getJSON("/countries.json", null, function (data) {
        $('select[name="country"] option').remove();
        $.each(data.country_id, function (index, item) {
            $(select[name="country"]).append(
                $("<option></option>").text(item.title_ru).val(item.country_id)
            )
        });
    });
});

А как тогда связать region.json ?

Есть ли похожий API по странам, регионам и городам, но только на русском языке?

Антон Неверов, меня не устраивает платный вариант

Есть ли похожий API по странам, регионам и городам, но только на русском языке?

Антон Неверов, а они бесплатные или полу-платно - совсем все скудно будет ?

Есть ли похожий API по странам, регионам и городам, но только на русском языке?

Антон Неверов, мне нужен пример не только с Российскими городами

Есть ли похожий API по странам, регионам и городам, но только на русском языке?

Антон Неверов, а лично не встречали таких api ?

Может есть что-то похожее ?

https://api.hh.ru/areas

Есть ли похожий API по странам, регионам и городам, но только на русском языке?

Антон Неверов, а не проще json базу (стран, регионов и городов) найти и скачать к себе ?

Есть ли похожий API по странам, регионам и городам, но только на русском языке?

Антон Неверов, а нужно как-то скачать json базу стран, регионов и городов ?

Есть ли похожий API по странам, регионам и городам, но только на русском языке?

Антон Неверов, здесь куча стран, регионов и городов совершенно бесплатно: https://namaztimes.kz/ru/city-search, но на английском

Можно ли как-то вытащить их json'ы и прогнать через переводчик ?

Есть ли похожий API по странам, регионам и городам, но только на русском языке?

https://kladr-api.ru/ - тут только Россия, а мне нужно все страны

Может есть готовый json с parent_id ?

Я нашел один: https://api.hh.ru/areas, но там у Франции нет регионов и городов

Как сделать, чтобы select работал как this?

fixeri, как не благодарить ?

Спасибо большое, нигде не мог найти похожих примеров (

Как сделать, чтобы select работал как this?

Данил Соловьев, как это вообще можно сделать ?

Как сделать, чтобы select работал как this?

Данил Соловьев, мне нужно, чтобы менялся только один select, а не все сразу

Я нажимаю на выпадающий список ul и возле него соответственно есть select
Как сделать так, чтобы при изменении выпадающего списка ul менялся только один select, а не все сразу?

Как сделать, чтобы select работал как this?

Я поменял, но ничего не изменилось: https://codepen.io/Genri_Rus/pen/RwNPxdb

Как сделать, чтобы картинка все время не прыгала из-за разной высоты?

oink, так и не разобрались в чем дело ?

Как сделать, чтобы картинка все время не прыгала из-за разной высоты?

oink, если смотреть с ноутбука, то есть