Огромная благодарность вам!
Наладил, но что то не то, глюки есть, несколько раз перебираю селекты начинает все путаться
Вот весь мой код:
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
function set_car()
{
var el = jQuery('#car');
if (el.val() != null) {
var auto = jQuery('#auto');
auto.find('option').not('.' + jQuery(el).val()).hide();
auto.find('option.' + jQuery(el).val()).show();
auto.val(jQuery('#auto').find('option.' + jQuery(el).val()).eq(0).val());
} else {
jQuery('#auto').find('option').not('.null').hide();
jQuery('#auto').val('null');
}
}
$(function() {
var model = $("#auto"),
li = $("#list li");
model.change(function() {
li.hide();
this.value && $.map(this.value.split(','), function(el, i) {
return $(li[el - 1]).show()
})
}).change();
});
</script>
</head>
<body>
<select id='car' onchange='set_car()'>
<option value='null'>Выберите модель</option>
<option value='audi'>Audi</option>
<option value='bmw'>BMW</option>
</select>
<select id='auto' onchange='set_model()'>
<option value='null' class='null'>Выберите марку</option>
<option value='3,1' class='audi'>A4 1,8 turbo</option>
<option value='4,2' class='audi'>A6 3,0 с 2004 г</option>
<option value='1,4' class='audi'>A7</option>
<option value='4,3' class='bmw'>X5 3,0 E53</option>
<option value='4,2' class='bmw'>5 E39, E46</option>
<option value='3,2' class='bmw'>X5 4,4</option>
<option value='1,4' class='bmw'>X5 3,0 d</option>
</select>
<ul id='list' onchange="">
<li>С/у глушителя</li>
<li>С/у резонатора</li>
<li>С/у приемной трубы</li>
<li>С/у коллектора</li>
</ul>
</body>
</html>