Sélectionner le menu se ferme une fois que vous cliquez dessus

Question

Je crée un menu <select> en utilisant Javascript, puis le joindre à la page. Mais quand je clique dessus, il se ferme immédiatement.

Voici mon code, je suis tombé.

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

Pourquoi vous intégrez votre select dans ce lien a? Voir this fiddle pour un exemple. Vous ne pouvez pas incorporer une liste dans un lien.