Heya!
The "In IE I need to wait 5-6 seconds" means that in IE I need to wait
5-6 seconds after I have made my first selection in the drop-down
menu, if I change too quick it doesn't send the query to query.php.
So pressing keyup/keydown in IE doesn't work unless I wait 5-6 seconds
on each 'selection', while in FF/Chrome I can jump between them as
fast as I like.
Removing the keyup-event didn't make any difference to the behavior in
IE.
On 3 Sep, 21:36, James <james.gp....@gmail.com> wrote:
> Hmm.. It looks okay to me.
> Could you define "In IE I need to wait 5-6 seconds" a little more?
> Does that mean you have wait for the page to finish loading, then wait
> 5-6 seconds, then do any drop-down selection?
> Or does it mean you do a drop-down selection, then wait 5-6 seconds
> (with a setTimeout or something) before the AJAX call?
>
> Also, what happens if you remove the 'keyup' event and try it? Just
> 'change' should be sufficient, I think.
>
> On Sep 2, 10:45 pm, nubcake <unniw...@gmail.com> wrote:
>
> > Hello!
>
> > I've having troubles in Internet Explorer with AJAX-queries using
> > jQuery.
> > When I change 'option', located in the below code, in FF/Chrome the
> > $.post is sent almost instantly.
> > In IE I need to wait 5-6 seconds otherwise the $.post will not be sent
> > to query.php.
>
> > Is there any solution to this? I've experienced it in both IE7 and
> > IE8.
>
> > <script type="text/javascript">
> > function shopQuery() {
> > var countrycode = $("#shopcountry").val();
> > if (countrycode !== "") {
> > $.post("query.php", { queryString: ""+countrycode+"" }, function
> > (data) {
> > $("#shopbrand").html(data);
> > $("#shopbrand").show();
> > });
> > } else {
> > $("#shopbrand").hide();
> > }
>
> > }
>
> > $(document).ready(function(){
> > $("#shopbrand").hide();
>
> > $("#shopcountry").keyup(function() {
> > shopQuery();
> > });
>
> > $("#shopcountry").change(function() {
> > shopQuery();
> > });
>
> > });
>
> > </script>
>
> > <div class="container">
>
> > <label for="shopcountry">
> > <span class="label">Country:</span>
> > <select id="shopcountry" name="shopcountry">
> > <option value="">Choose a country</option>
> > <?php
> > while ($row = mysql_fetch_array($countries)) {
> > echo "<option value=\"".$row['countrycode']."\">".$row
> > ['country']."</option>\n";
> > }
> > ?>
> > </select>
> > </label>
>
> > <div id="shopbrand" style="border:1px solid black;">
> > </div>
>
> > </div>
>
> > Do you have any ideas what's going wrong?
