Dynamic dropdown with make, model, year and color of the car

help
1

I am creating an app that needs all available US automotive make/models/year/color. But I don’t know where to start. Vehicle details should be Make, Model, Year, Color, License Plate Number (values should have auto populated as soon as entering car’s “make” it should show rest options of models, years to choose from).
Any feedback or ideas would be greatly appreciated.
Thanks.

2

There are many different ways to do this. I implemented something similar a couple of years ago by using standard pub/sub and reactivity

Template.automotive.onCreated(function(){
 var instance = this;
 instance.make = new ReactiveVar("");
 instance.model = new ReactiveVar("");
 instance.color = new ReactiveVar("");
 instance.autorun(function(){
  var make = instance.make.get();
  instance.subscribe('automotive', instance.make.get(),instance.model.get(), instance.color.get());
 });
});
Template.helpers({
 automotive(){
  return Automotive.find();
 }
});
Template.events({
 'change select.make'(event, instance){
  instance.make.set(event.currentTarget.value);
 }, // etc.
});

On the server you publish based on parameters provided

Meteor.publish('automotive', function(make, model, color){
 if(make != undefined) {
  var query = {make: make};
  if(model != undefined) query.model = model;
  if(color != undefined) query.color = color;
  return Automotive.find(query);
 } else {
  return null;
 }
});

I am sure you can take it from here … :slight_smile:

3

Thank you so much. :slight_smile: