JQuery selectmenu가 XMLHttpRequest 이후에 초기화되지 않는다

Question

나는 selectbox를 가지고 XMLHttpRequest를 사용하여 두 번째 selectbox에 값을로드한다. 또한 JQuery selectmenu를 사용하고있다. 문제는 첫 번째 selectbox에서 두 번째 selectbox를 변경하지만 JQuery selectmenu를 초기화하지 않을 항목을 선택한 후에 발생합니다. 어떠한 제안?

var xmlHTTP; 
function GetXmlHttpObject() 
{ 
    xmlHTTP=null; 
    try 
    { 
     xmlhttp=new XMLHttpRequest(); 
    } 
    catch (e) 
    { 
     try 
     { 
      xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");    
     } 
     catch (e) 
     { 
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
     } 
    } 

} 
function getAdultRoom(room_id) 
{ 
     if (window.XMLHttpRequest) 
     { 
      xmlhttp=new XMLHttpRequest(); 
     } 
     else 
     { 
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
     } 

     if(xmlhttp == null) 
     { 
      alert("Your browser not support the AJAX"); 
      return; 
     } 
     var $element = jQuery.noConflict(); 

     var url = "ajax_fetch_room.php?room_id="+$element('#room_type').val()+"&side_check_in_date="+$element('#side_check_in_date').val()+"&side_check_out_date="+$element('#side_check_out_date').val(); 

    xmlhttp.onreadystatechange=function() 
    { 
    if(xmlhttp.readyState==4 && xmlhttp.status==200)    { 
     document.getElementById("roomadult").innerHTML=xmlhttp.responseText; 
        } 
    } 
    xmlhttp.open("GET",url,true); 
    xmlhttp.send(null); } 

Answer 1

나는 그것을 알아낼. $ ('select')를 추가했습니다. selectmenu(); onreadystatechange로

xmlhttp.onreadystatechange=function() 
       { 
       if(xmlhttp.readyState==4 && xmlhttp.status==200) 
       { 
       document.getElementById("roomadult").innerHTML=xmlhttp.responseText; 
       $('select').selectmenu(); 
       } 
       }