如何通过下拉选择过滤表

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>`);
    }
});