select-to-list.js

$( '<ul id="bp-members-order-by" class="bs-dropdown bs-dropdown-order" />' ).appendTo( '#bp-members-order-select' );

$( '#members-order-by option' ).each(function() {
    var el = $(this);

    $('<li />', {}).appendTo( '#bp-members-order-by' );

    $('<a />', {
        'href'   : el.attr( 'value' ),
        'text'   : el.text()
    }).appendTo( '#bp-members-order-by li:last-child' );
});

$( '#bp-members-order-by a' ).on( 'click', function( e ) {
     e.preventDefault();
     $( '#bp-members-order-by a' ).removeClass( 'current' );
     $('.bp-filter-title').text( $( e.currentTarget ).text() );
     $( e.currentTarget ).addClass( 'current' );
     $( '#members-order-by' ).val( $( e.currentTarget ).attr( 'href' ) ).change();
});

$('.bp-sort-button').on( 'click', function(e) {
   e.preventDefault();
   $(this).toggleClass('active');
   $(this).next('#bp-members-order-by').toggleClass('open');
});

$( document ).click( function(e) {
    var container = $( '#bp-members-order-select' );
    if ( !container.is( e.target ) && container.has( e.target ).length === 0 ) {
        $('.bp-sort-button').removeClass( 'active' );
        $('#bp-members-order-by').removeClass( 'open' );
    }
} );