Pausing javascript processing?

Question

The following code works flawlessly if I uncomment the "alert"s. This is what I've figured out for doing a set of cascading dropdowns where the user selects Country, then State, then City.

With the alerts uncommented, it's like the values haven't gotten updated yet. I've tried a lot of stuff, but I've had no luck. I'm sure I'm doing something stupid. Any help is greatly appreciated.

Thanks!

$(document).ready(function () {
    $("#Country").change(function () {
        $("#City").html("");
        var id = $("#Country").val();
        getStates(id);

//      alert("CountryId = " + id);
        var stateId = $("#State").val();
//      alert("stateId = " + stateId);
        var stateId = $("#State").val();
        alert("stateId = " + stateId);

        $(document).ready(function() {
            getCities(stateId);
        });
    });
    $("#State").change(function(){
        var id = $("#State").val();
        id = (id==null)?1:id;
            getCities(id);
    });
});

The following code works flawlessly if I uncomment the alerts contradicts With the alerts uncommented, it's like the values haven't gotten updated yet. — gen_Eric
– gen_Eric, Commented Feb 29, 2012 at 20:43
The problem isn't here, it's in your "getStates()" and "getCities()" functions. I bet they're making ajax calls. Those are not synchronous. — Pointy
– Pointy, Commented Feb 29, 2012 at 20:44
Why are you defining a document.ready handler inside your document ready handler (and inside your change handler)? The document is already ready at that point. — nnnnnn
– nnnnnn, Commented Feb 29, 2012 at 20:47

jhruby · Accepted Answer · 2012-02-29 20:42:22Z

7

If function getStates is asynchronous request to the server then you have to add success callback to it. If not it is weird.

btw. $(document).ready inside document ready doesn't make any sense.

answered Feb 29, 2012 at 20:42

jhruby

2682 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user1241166 Over a year ago

:) That should not have been left in there. It was one of my attempts to try to make it work...

mplungjan · Accepted Answer · 2012-02-29 20:47:26Z

0

Your code does not make much sense

Perhaps this is what you mean

$(document).ready(function () {
  $("#Country").change(function () {
    var id = $(this).val();
    getStates(id);
  });
  $("#State").change(function () {
    var id = $(this).val();
    getCities(id);
  });
});

answered Feb 29, 2012 at 20:47

mplungjan

180k29 gold badges183 silver badges246 bronze badges

Collectives™ on Stack Overflow

Pausing javascript processing?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related