Лучше бы я промолчал.
1) $(document).ready это событие готовности DOM, зачем же его прописывать для установки каждого обработчика? При этом они у вас еще и вложенные!
$(document).ready(function() {
//здесь ВСЕ обработчики и прочий код, который должен выполнятся по наступлении этого события
});
//или, что тоже самое
$(function() {
//здесь ВСЕ обработчики и прочий код, который должен выполнятся по наступлении этого события
});
2) У вас куча списков, а вы добросовестно скопировали код моего примера, а ведь $('select').change - определит этот обработчик для ВСЕХ списков. А что это означает? Если используете это решение для управления блоками списком id="view_type", то:
$('#view_type').change(function() {
$('#kvars > div').hide().eq(this.selectedIndex).show()
})
Но почему при этом и сам список помещен в блок <div id="kvars">? А используя управление по индексу, зачем сохраняете id у блоков?
3) Что за мазохизм в строках кода типа $('#markatype div').css('display','none'); повторяющее по несколько раз? Вообще есть CSS, а JS уже для динамического изменения стиля.
4) Чтобы распробовать суп не обязательно съесть всю кастрюлю, достаточно и нескольких ложек. Зачем выставлять такие портянки, если можно было основное из html показать, с минимумом "внутренностей".
