JSFiddle - React, Tailwind, and code Playground

by alex fripp

HTML

<select id="makes">
    <option value="NULL">Please Select</option>
    <option value="Honda">Honda</option>
    <option value="Toyota">Toyota</option>
</select>




<select id="model">
</select>

JavaScript

$(function(){
    $('#makes').change(function(){
       var make = $(this).val();
       var model = {
           Honda:{1:"Civic", 2:"Accord"},
           Toyota:{1:"Supra",2:"Yaris"}
       };

$('#model').html('');
       if(model.hasOwnProperty(make)){
           

           $.each(model[make], function(i, val) {
               $('#model')
                    .append($("<option></option>")
                    .attr("value",val)
                    .text(val)); 
           });
       }
   }); 
});