Slow <input type=select> when using AJAX

[CT Internet]

Hi All,

I am coding a real estate web site and it uses some AJAX for the following:

1) When selecting Country - an AJAX request gets areas for that Country and builds an area select box.
2) When selecting an Area an AJAX request gets towns in that Area and creates a select box.

Everything is working fine, but the whole thing seems a bit slow as the select boxes stay open until the AJAX returns with the result.

Is there some sort of JavaScript command that can close the select box while I wait for the Ajax to return?

PM me if you would like to see the site.

[Pepejeria]

You could have some sort of loading indicator (animated gif for example) to show the user that something is actually happening. He might get confused otherwise.

If you simply wanna show and hide the dropdown you can toggle its style display property.

[CT Internet]

Well - I think you misunderstand.

It stays OPEN.

You know when you have a dropdown - you click on the arrow and it OPENS to show you about 20 list items and you can then select one.

Normally when you select an item the drop down immediately closes and the chosen option i shown.

My dropdown stays OPEN until the AJAX has fetched and written the output needed which can take 1-2 seconds - this makes it seem a bit sluggish or slow.

I agree that there should be an animation indicating that something is loading, but right now the OPEN select box is covering the area where the animation would appear.

[Pepejeria]

You got any url where this can be seen?

[CT Internet]

Check PM

[Pepejeria]

Sent you a suggestion via PM.