Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Select disabled (https://javascript.ru/forum/jquery/61497-select-disabled.html)

alexey909 20.02.2016 20:43

Select disabled
 
Всем привет. Я совсем недавно начал изучать 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;} } });

});

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

рони 20.02.2016 21:53

alexey909,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.


Часовой пояс GMT +3, время: 13:27.