xmlhttprequest - 在 XMLHttpRequest 之后 JQuery 选择菜单未初始化

Question

我有选择框，我使用 XMLHttpRequest 将值加载到第二个选择框，我也在使用 JQuery 选择菜单。问题是在我从第一个选择框中选择一个项目后，第二个选择框发生了变化，但不会初始化 JQuery 选择菜单。有什么建议吗？

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(); 
                }
              }