语义UI动态下拉菜单重新初始化问题

Semantic UI dynamic dropdown reinitialize issue

本文关键字：初始化 问题 下拉菜单 UI 动态 语义      更新时间：2023-09-26

我使用语义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中显示一个列表。如何解决这个问题。

问题解决了。通过更改。。。

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

至

$('.town select').html(div).dropdown();
相关文章：