I forgot to say what my issue is. It dose load anything if I remove the if statments it works fine.
On Apr 17, 11:50 am, Chrisw <chris.p.wel...@gmail.com> wrote: > I am new to jquery and I need to make a form that allows a user to > select a state and a city that they go to school in. I am using > thecascadejuqery plug-in (http://plugins.jquery.com/project/cascade. > Which I think is a greatplugin) The problem is there is a lot of data > and it takes a long time for it all to load (some 28,000 records). > What I want to do is split it up into different files and then load > only the file that contains the data for that start/region. A sample > of my code is blow: > > My html: > <div class="container-1"> > <label for="rsvp_state">State</label> > <select id="rsvp_state"> > <option value="">Pick a State</option> > <option value="OR">Oregon</option> > <option value="WA">Washington</option> > <option value="CA">California</option> > </select> > </div> > <div class="container-2"> > <label for="rsvp_city">Pick a City</label> > <select id="rsvp_city"> > </select> > </div> > > //below are the different loads that contain different data based on > the state > var OR = { > ajax: {url: ‘orData.js' }, > template: commonTemplate, > match: commonMatch > }; > var WA = { > ajax: {url: ‘waData.js' }, > template: commonTemplate, > match: commonMatch > }; > var opts = { > ajax: {url: ‘otherData.js' }, > template: commonTemplate, > match: commonMatch > }; > > $(document).ready(function() { > var currentState; > // #rsvp_state refers to a dropdown menu that contains all the states > //what I want to do with this is determine what state is currently // > selected and store that in a variable > > $('#rsvp_state').change(function(){currentState = $ > ('#rsvp_state').val();}); > > jQuery(".container-2 select").each(function() > { > var child = jQuery(this); > > child.parents(".container-2:first").siblings(".container-1").find > ("select").each(function() { > //below I want to compare the verable to the different options I have > above > if(currentState == 'OR'){ > > child.cascade(jQuery(this),OR); > } > if(currentState == 'WA'){ > > child.cascade(jQuery(this),WA); > } > else{ > > child.cascade(jQuery(this),opts); > } > }); > }); > //below is a sample line from orData.js > {'When':'Portland','Value':'123','Text':'Benson Highschool'}] > > Any help is greatly appreciated. > > -Chris