セマンティックUIの動的ドロップダウンの再初期化問題

Question

私はセマンティックUIのドロップダウンプラグインを使用します。ロード時にプラグインをアクティブにしてください。

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

私のコードでは、2つのドロップダウンのいずれかの日付が他に依存しています。最初のドロップダウンを変更すると、他の値が設定されます。

$('.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();