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