在XMLHttpRequest之后,JQuery selectmenu没有初始化

时间:2013-08-16 12:36:51

标签: xmlhttprequest jquery-ui-selectmenu

我有selectbox,我使用XMLHttpRequest将值加载到第二个选择框,我也使用JQuery selectmenu。问题是在我从第一个选择框中选择一个项目后,第二个选择框发生了变化,但是不会初始化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); }

1 个答案:

答案 0 :(得分:0)

我明白了。我添加了$('select')。selectmenu();到onreadystatechange

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