confused with dropdown

[solarisuser]

Hi All,

 

I am using AJAX in a form so when someone enters a country, it populates the fields with the population, etc.  This works fine in text fields.

 

Then I am using a JS script that links two dropdown menus, so when you select "A" in the first dropdown, it does a mysql query and shows only the results relating to A in the second dropdown.  This works fine when clicking on it.

 

The problem: When I type in a country, AJAX fills in the first dropdown menu just fine.  However the second dropdown menu does not update.  When I click on the first dropdown menu, then it works.  I would like to know how can I make the second dropdown update when AJAX fills in the first dropdown.

 

Right now, I'm using onchange="update_second_dropdown();" on my first dropdown....  any suggestions would be a big help!  Thanks!

[nogray]

You'll need to call the udpate_second_dropdown() after you get the result from your AJAX call. changing the selectted index dynamicly doesn't fire the onchange event.

[solarisuser]

I'm not sure how to do that =(

 

I'm using JSON syntax to return the results and fill in the fields.

 

Do I need to focus on using a function() that does something like ..

 

var field = document.getElementById('country').value;

if(field.length > 0) { document.getElementById('second_dropdown_id').update_second_dropdown(); }

 

?

[nogray]

I don't know how you call your ajax, but here is how it should work

 

Ajax.request(....)
// function that parse the results

function ajax_return(txt){
    // do stuff with text (ajax return)
    // select first drop down
    update_second_dropdown(); 
}