Всем привет. Я совсем недавно начал изучать 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;} } });
});
Не могли бы подсказать каким образом привести все это дело в рабочее состояние???
