Как отфильтровать таблицу по выпадающему выбору

Question

Я пытаюсь использовать подчеркивание для фильтрации моей таблицы, когда в раскрывающемся списке был сделан выбор.Список состоит из названий городов, и я пытаюсь отобразить детали города, когда выбрано название.Это мой код, но он возвращает неопределенное значение.Любая помощь приветствуется.

$("document").ready(function() {
    var dropdown = $('#dropdown');
    var city;

    $.getJSON("http://localhost:3000/city", function(data) {
        city = data;
        $.each(data, function(i, value) {
            //populates a list with data from the route
            dropdown.append($(`<option>${value.name}</option>`)); 
        });
    });

    city = _.filter(city, dropdown);
    console.log(city);

    if (city != undefined) {
        $('#table').append(`<tr><td>${city.name}</td><td>${city.population}</td>`);
    }
});