메뉴를 선택하면 메뉴가 닫힙니다.

Question

자바 스크립트를 사용하여 <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

왜 그렇게 a 링크에 select을 내장하고 있습니다? 예를 들어 this fiddle을 참조하십시오. 링크에 목록을 포함시킬 수 없습니다.