동적 드롭 생성하여 JQuery와

Question

나 휴대 jQuery를 사용하는 드롭 다운리스트를 생성 할 때 다음의 코드는 작동하지

$(function(){ 
     $('#hello').append('<select id="myselect" data-native-menu="false">'+ 
    ' <option>1</option>'+ 
    '<option>2</option>'+ 
    '<option>3</option>'+ 
    '<option>4</option>'+ 
    '<option>5</option>'+ 
    '<option>6</option>'+ 
    '</select>'+ 
    '<div id="keyOpen" style="background-color: blue;"></div>'+ 
    '<div id="keyClose"></div>'); 

    $("#myselect").selectmenu("refresh"); 
    $(document).keyup(function(e){ 
    if(e.which >= 48 && e.which <= 57){ 
    $("#myselect").selectmenu("open");//this should open the select 
    $("#keyOpen").empty().text(e.which); 
    }else if(e.which >= 58 && e.which <= 90){ 
    $("#myselect").selectmenu("close");//this should close the select 
    $("#keyClose").empty().text(e.which); 
    } 
    }); 
    }); 

나 코드를 작업 바디

내부에 그 코드를 삽입 할 때와 동일한 코드가 잘 작동 :

<select id="myselect" data-native-menu="false"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
    <option>4</option> 
    <option>5</option> 
    <option>6</option> 
    </select> 
    <div id="keyOpen" style="background-color: blue;"></div> 
    <div id="keyClose"></div> 

Answer 1

select을 수정할 때만 $(".selector").selectmenu("refresh")을 사용하십시오.

select을 새로 추가 할 때마다 $(".selector").selectmenu();을 사용하여 향상시킵니다.

정확히 문제가 무엇

Demo