語義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();