Dependent Selects and Car Data Display

This example shows how to utilize the CarQuery API to produce dependent HTML select elements for year, make, model, and trim levels.

Selecting a year will populate the make “Make” select with all manufacturers that produced a car in that year. Selecting a make will populate the “Model” and “Trim” selects with all models and trim levels produced by that manufacturer in that year.

Selecting the “Show Only US Models” option will filter the drop down menus to show only models that were sold in the USA. This is optional, and does not need to be included in the page.

Once a specific model and trim have been selected, the “Show Data” button can be used to populate a table with all available information on the specified model and trim.

For instructions on using this functionality in your site please see the Documentation section.