语义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();