Как изменить значение select при изменении другого select

598

01 января 2017, 18:05

Есть jsp-страница, на нее я передаю в select список стран, у каждой страны есть список городов, который есть в моей БД отдельной таблицей. Как сделать чтобы при выборе и смене страны - спосок городов обновлялся и становился невыбраным?

Правильным решением будет подгружать именно список стран из БД или это нормально захардкодить все овер 300стран в html код?

Я js не знаю, но думаю, что если без него никак, то с кодом разберусь. Спасибо за помощь.

Answer 1

Вот такой вариант с использованием jQuery

$("#countries").change(function () {
    $.getJSON("/cities", null, function (data) {
        $("#cities option").remove();
        $.each(data.cities, function (index, item) {
            $("#cities").append(
                $("<option></option>").text(item.name).val(item.id)
            )
        });
    });
});