单击选择菜单后关闭它

Question

我使用Javascript创建<select>菜单，然后将其附加到页面。但是当我点击它时，它会立即关闭。

这是我的代码，我很难过。

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？有关示例，请参阅this fiddle。您无法在链接中嵌入列表。