Bootstrap Dropdown元素消失

Question

我正在使用带有下拉列表的bootstrap。当我第一次加载页面时，所有元素都出现在列表中，但是第二次，列表中没有任何元素。当我以隐身标记打开页面时，会再次显示元素，

以下是源代码

提前致谢，

JS;

$.ajax({
    type     : "POST",
    url      : "db/../..",
    dataType : "json"
  })
    .done(function( result ) {
      if ( typeof result.error !== "undefined" ) {
        // Error
        dialog.close();
        alertDialog( "Hata", result.error, BootstrapDialog.TYPE_DANGER );
      } else if ( typeof result.List !== "undefined" && $.isArray( result.List ) ) {
        // A proper result
        if ( result.FirmList.length < 1 ) {
          // No records found
          dialog.close();
          alertDialog( "Error", "Nothing Found!", BootstrapDialog.TYPE_WARNING );
        } else {
          // Parse details
          var f = result.List;

          for ( var i = 0; i < f.length; i++ ) {
            var op = document.createElement( "option" );
            op.value = f[ i ].Id;
            op.textContent = f[ i ].Name;

            document.getElementById( "List" ).appendChild( op );
          }

          $( "#select" ).chosen();

        }
      } else {
        dialog.close();
        alertDialog( "Error", "No Idea!", BootstrapDialog.TYPE_DANGER );
      }
    })
    .fail(function(a, b, c) {
      dialog.close();
      alertDialog( "Error",
        "Error",
        BootstrapDialog.TYPE_DANGER );
    });

HTML;

<select class="selectpicker" id="List" multiple data-live-search="true" data-actions-box="true" data-selected-text-format="count>1">
</select>

Here is a JSFiddle.