Как организовать список городов в зависимости от выбора страны в select?

Question

[blackbb]

Здравствуйте. Есть форма в которой два селекта, первый -выбор страны, второй - выбор города. Необходимо, чтобы при выборе определнной сnраны во втором селекте были только города этой страны. Понимаю, что надо организовать с помощью ajax, но знаний не хватает.

<select class="custom-select" name="country_from" id="country_from">
	<option selected value=''>{% trans 'Russia' %}</option>
	{% for item in country_list %}
	<option value="{{item.id}}">{{item}}</option>
	{% endfor %}
</select>
	<div class="select_wrap">
	<select name="city_from" id="id_city_from">
	<option selected value=''>{% trans 'All' %}</option>
	{% for item in city_list %}
	<option value="{{item.id}}">{{item}}</option>
	{% endfor %}
        </div>

Скрипт

$(document).ready(function() {
    $("#country_from").change(function(){
        $.ajax({
            type: 'GET',
            url: '/city/search',
            data:  {country:$('#country_from option:selected').val()}
        });
    });
});

urls.py

urlpatterns = [
    path('search/', citysearch, name='city_search'),
]

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