strange ajax behaviour in firefox 3.0.4

[raknin]

Hi

I am running ajax call to my appache local server on my development server, which is also my testing server, I run the site from the server (the server running php,mysql), what I get back is a list from the server and than I use innerHTML to plant it into the page.

  select id="'modelName'" style="width:130">
 
                <option value="none"  selected>none</option>
 
           </select>
 

The issue is that the method is working in IE6, Opera ver 9.62, Safari ver 3.3. But when I come and run it on FF 3.0.4 I can not see the list box. I ran the firebug and I see actually that the ajax call was done and the list box was created but for some reason it refuse to insert it into the DIV(I did not got any error from the firebug), I know it ran from me with firefox 2, now is something change in FF and I don't now why. I thought this is a cross connect issue but I don't get any indication from the firebug can someone please advise.

Thanks
Ronne

.

[rnd me]

I am surprised to hear this works for IE.
innerHTML is not the best way to populate options.

try using a wrapper span around the select tag, and reinstering the whole select tag instead of just the options.

[raknin]

rnd me,
Thanks for your reply, it works great but for some reason it stop for FF3.0.4. I think it some kind of security in FF issue that disable it from being showing, since I run my FF on the server, maybe it is the FF cross domain issue.

[drhowarddrfine]

This line might be the problem:
select id="'modelName' " style="width:13 0">

Change it to:
select id="modelName" style="width:13 0px">

Perhaps your extra quotes above are still needed but need to be escaped? Plus, you don't have any units on the width, which is required.

[acoder]

@raknin
This would only be a problem if it was actually from another domain, and then it wouldn't work in other browsers either.

Show the code where you set the innerHTML, and is the code returned from the PHP page exactly as you posted in your first post?

[raknin]

Acoder,

The function that perform the ajax call is:

 
function GetXmlHttpObject(divID,url)
{
  xmlHttp=XmlHttpObject();
 
 if (xmlHttp==null)
 {
   alert("Your browser does not support AJAX!");
   return FALSE;
 }       
   xmlHttp.onreadystatechange = function() 
   {
     if (xmlHttp.readyState == 4 && xmlHttp.status==200) 
     {           
        document.getElementById(divID).innerHTML=xmlHttp.responseText;
     }else
     {
        alert('false');
     }
   }
     xmlHttp.open("GET", url,false); 
     xmlHttp.send(null);
 
}
 
 

and the returned list box from the server is as I posted before.

[acoder]

Hmm... You're making a synchronous request, so there's no need for onreadystatecha nge. Just put the function code below send().