function getJson(url) {
return JSON.parse($.ajax({
type: 'GET',
url: url,
dataType: 'json',
global: false,
async:false,
success: function(data) {
return data;
}
}).responseText);
}
$(document).ready(function() {
var vehicles_json = "";
$('#year').change(function() {
var year = $('#year').find(":selected").val();
var list = "";
vehicles_json = getJson("get_models.php?year=" + year);
var makes = $("#make");
makes.empty();
$('#make').append("");
$.each(vehicles_json, function() {
if (this.make != list) {
makes.append($("").val(this.make).text(this.make));
}
list = this.make;
});
$('#make').trigger('change');
});
$('#make').change(function() {
var selected_make = $('#make').find(":selected").text();
var model = $("#model");
model.empty();
$('#model').append("");
$.each(vehicles_json, function() {
if (this.make == selected_make) {
model.append($("").val(this.model).text(this.model));
}
});
$('#model').trigger('change');
$("#cta").attr("class", "cta-arrow1");
});
$('#yearm').change(function() {
var year = $('#yearm').find(":selected").val();
var list = "";
vehicles_json = getJson("get_models.php?year=" + year);
var makes = $("#makem");
makes.empty();
$('#makem').append("");
$.each(vehicles_json, function() {
if (this.make != list) {
makes.append($("").val(this.make).text(this.make));
}
list = this.make;
});
$('#makem').trigger('change');
});
$('#makem').change(function() {
var selected_make = $('#makem').find(":selected").text();
var model = $("#modelm");
model.empty();
$('#modelm').append("");
$.each(vehicles_json, function() {
if (this.make == selected_make) {
model.append($("").val(this.model).text(this.model));
}
});
$('#modelm').trigger('change');
$("#cta").attr("class", "cta-arrow1");
});
});