[alexey909]

Всем привет. Я совсем недавно начал изучать JS и столкнулся вот с какой проблемой.
1) Для стилизации селектов пользуюсь jquery-ui. В форме есть три селекта, к которым привязаны другие селекты и инпуты. При определенном выборе инпуты делаются неактивными и активными, а вот стилизованный селект средствами jquery-ui делается неактивным при определенном выборе только если на него кликнуть и только после этого визуально видно, что селект недоступен, обратно в активное состояние возвращаться не хочет.

2) По скольку в форме три селекта, которые должны должны делать определенные поля неактивными disabled работает как описано выше только по отношению к одному ))
Вот мой код в качестве примера :

jQuery(document).ready(function(){	
        $("#otd").selectmenu({
	change:function(event,ui) { 
	var label = (ui.item.value); 
	if (label=='нет'){$('#pak_risk_dacha_otd').prop("disabled", true);$('#ploshad_otd').prop("disabled", true).addClass("error");$('#konstruktiv_otd').prop("disabled", true);$('#stoimost_otd').prop("disabled", true).addClass("error");return false;} 
	if (label=='да'){$('#pak_risk_dacha_otd').prop("disabled", false);$('#ploshad_otd').prop("disabled", false).removeClass("error");$('#konstruktiv_otd').prop("disabled", false);$('#stoimost_otd').prop("disabled", false).removeClass("error");return false;} } });

$("#rba").selectmenu({
	change:function(event,ui) { 
	var lab = (ui.item.value); 
	if (lab=='нет'){$('#pak_risk_dacha_otd2').prop("disabled", true);$('#ploshad_otd2').prop("disabled", true).addClass("error");$('#konstruktiv_otd2').prop("disabled", true);$('#stoimost_otd2').prop("disabled", true).addClass("error");return false;} 
	if (label=='да'){$('#pak_risk_dacha_otd2').prop("disabled", false);$('#ploshad_otd2').prop("disabled", false).removeClass("error");$('#konstruktiv_otd2').prop("disabled", false);$('#stoimost_otd2').prop("disabled", false).removeClass("error");return false;} } });

});

Не могли бы подсказать каким образом привести все это дело в рабочее состояние???