$(document).ready(function() {
var cat1 = $('#cat1');
var cat2 = $('#cat2');
var cat3 = $('#cat3');
var cat4 = $('#cat4');
var check = 1;
var data4 = '';
n2 = '<option id="n2" value="null"> </option>';
n3 = '<option id="n3" value="null"> </option>';
n4 = '<option id="n4" value="null"> </option>';
c1 = 'null';
c2 = 'null';
c3 = 'null';
cat1.bind("change", function(){c1 = cat1.find('option:selected').attr('value'); fill_cat2();});
cat2.bind("change", function(){c2 = cat2.find('option:selected').attr('value'); fill_cat3();});
cat3.bind("change", function(){c3 = cat3.find('option:selected').attr('value'); fill_cat4();});
function fill_cat2() {
if(c1 != 'null') {
$.ajax({
url: "c2.php",
type: "POST",
data: "c1=" + c1,
success: function(d){cat2.html('');cat2.html(n2 + d);}
});
cat3.html('');cat3.prepend(n3);
} else {cat2.html('');cat2.prepend(n2);cat3.html('');cat3.prepend(n3);cat4.html('');cat4.prepend(n4);}
}
function fill_cat3() {
$.ajax({
url: "c3.php",
type: "POST",
data: "c2=" + c2,
success: function(d){cat3.html('');cat3.html(n3 + d);cat4.html('');cat4.prepend(n4);}
});
}
function fill_cat4() {
$.ajax({
url: "ca4.php",
type: "POST",
data: "c3=" + c3,
success: function(d){
data4 = d;
cat4.html('');cat4.html(n4 + d);
}
});
}
// Ñоздаем пуÑтышки
cat3.prepend(n3);
cat4.prepend(n4);
$("#form").submit(function(){
c4 = cat4.find('option:selected').attr('value');
if(data4 != '' && c4 == 'null') {alert("Вы не выбрали четвертую категорию.");return false;}
});
});