javascript - 语义 UI 动态下拉列表重新初始化问题

Question

我使用语义 UI 下拉插件。在加载时激活插件

$(function () {
   $('select.dropdown').dropdown();
});

在我的代码中有两个下拉列表，其中一个的日期取决于另一个。在更改第一个下拉列表时，我填充其他值。

$('.city').on('change', function () {
    var id = $(this).val();
    if (id != '') {
        $.get('ajax/town/' + id).done(function (result) {
            var div = '';
            $.each(result, function (i, e) {
                div += '<option value="' + e.id + '">' + e.town + '</option>';
            });
            $('.town').html(div);
            $('select.dropdown.town').dropdown('refresh');
        });
    }
});

但是下拉列表不会重新初始化，而是在 div 中显示列表。如何解决这个问题。

Answer 1

问题解决了。通过改变...

$('.town').html(div);
$('select.dropdown.town').dropdown('refresh');

至

$('.town select').html(div).dropdown();