Dependent Select

This example has a form with a second drop-down dependent on the value of the first, with the values driven by a server-side data structure.

Note that the "server side" implementation is mocked out using mockjax, so you can see the entire implementation. Click the "Source Code" tab to see the code.

Explanation

  • The first dropdown issues a post to /models via a ic-post-to attributes. It does this when the value changes (the default trigger on inputs). It targets the model drop down by CSS ID using the ic-target attribute, and displays a spinner via the ic-indicator attribute.
  • The server side gets the make that was selected in the input via a request parameter and renders an select with all the models available for that make.

Demo

Pick A Make/Model