Thread

Im sure you’ve seen the dynamic “appearing” select fields on the web that progressively show selection fields based on the selection of the first field.

We are attempting to build a mobile site that incorporates a Chained Select set of fields and need some help.

Channel 1 - State Entry
Channel 2 - District Entry
Channel 3 - City Entry

First selection box is State, when selected, District appears - and when selected, City appears.  Once City is selected, the page changes to the “View” template for the city.

We’ve seen a couple of chained select blogs, however none are up-to-date.  Would appreciate any help you have!

i think, you are using relationship between State & District + relationship between District & City.
- relating districts to state
- cities to district

to implement chained select boxes for state, district and city you have to fetch entries of that relationship and populate in select box on-change.

Yes - sorry should have clarified

We are relating the entries as you mention using Playa

For Instance:

State is a channel entry (Title is state name)

District is a channel entry (Title is district name, Custom field is Playa relationship where state is selected)

City is a channel entry (Title is city name, and custom field for Playa relationship where district is selected).

*IF this is not the best way to get this type of function built - any suggestion is welcomed how best to do this (ie…categories, etc)

What we need the CODE to execute the display of this information.  Script, java, ajax…whatever is needed that is both proven as well as intuitive to use.

Thanks!

Hi DigitalDesigns,

Try this Jquery plugin: http://www.appelsiini.net/projects/chained

I used it recently to make a chained select just like you have mentioned using related entries.

Thanks for the help with this, we will take a look and let you know how this works for us.

Rob -

This worked PERFECTLY - Thanks!

Pleasure 😉