Soy nuevo en django y jQuery. Estoy trabajando en una aplicación basada en django donde tengo 3 menús desplegables en un formulario. 1. Campus 2. Escuela 3. Centro

La jerarquía es que los campus tienen escuelas y las escuelas tienen centros. Quiero vincular estos menús desplegables.

Por ejemplo, tengo 3 campus, por ejemplo Campus1, Campus2, Campus3. Si selecciono Campus1, solo debería seleccionar escuelas en campus1 y continuar con esto, si selecciono Escuela1, debo poder seleccionar centros de Escuela1 y todas las demás opciones deberían ocultarse.

Busqué en la red y he intentado estohttp://blog.devinterface.com/2011/02/how-to-implement-two-dropdowns-dependent-on-each-other-using-django-and-jquery/ Pero no parece funcionar para mí. También he comprobado estohttp://www.javascriptkit.com/script/script2/triplecombo.shtml pero como estoy usando ModelForm para crear formularios, esto no se ajusta a mis necesidades.

Por favor guíame para hacer esto.

Gracias