Выберите меню закрывается, как только вы нажмете на него

Question

Я создаю <select> меню, используя Javascript, затем присоединяю его к странице. Но когда я нажимаю на него, он немедленно закрывается.

Вот мой код, я в тупике.

var accounts = [
    ['user1', 'password'],
    ['user2', 'passowrd']
]

function html(){
    var button = '<a href="#" id="switchacc">Switch User</a>&nbsp;• &nbsp;';
    $('a[href=search.php]')[0].before(button);

    $('#switchacc').click(function(){
        $(this).html('<select id="accounts">'+ accountss +'</select>');
        return false;
    });


    var accountss = '';
    for(i = 0; i <= accounts.length; i++){
        accountss = accountss + '<option name="' + accounts[i][0] + '" value="' + i + '">' + accounts[i][0] + '</option>';
    }   
}
html();

Answer 1

Почему вы встраиваете select в эту a ссылку? См. эту скрипку для примера. Вы не можете встроить список в ссылку.