Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 01.11.2016, 15:09
Аспирант
Отправить личное сообщение для maxg5 Посмотреть профиль Найти все сообщения от maxg5
 
Регистрация: 16.08.2016
Сообщений: 89

Взаимосвязь input и select
Есть сайт с формой обратной связи и выпадающим меню и текстовым полем.
Если в выпадающем меню выбрано значение Другой тип, то текстовое поле должно быть активно, если выбрано любое другое значение, то текстовое поле должно быт неактивно.
var t;
$(".text-319").attr("disabled","disabled");
t=$(".menu-944").text();
if (t=='Другой тип') {
	$(".text-319").attr("disabled","");
};


Вот ссылка на форму, что бы было понятнее.
Если поле Тип организации куда нужна справка имеет значение Другой тип, топ поле Название организации активно. Если выбрано любое другое значение, поле не активно.
Ответить с цитированием
  #2 (permalink)  
Старый 01.11.2016, 15:30
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

maxg5,
$(function()
      {
        $('[name="menu-944"]').on('change', function()
          {
            this.value == 'Другой тип'? $('[name="text-319"]').removeAttr('disabled'): $('[name="text-319"]').prop(
                {'disabled': true}
              )
          }
        ).trigger('change')
      }
    );
Ответить с цитированием
  #3 (permalink)  
Старый 04.11.2016, 11:37
Аспирант
Отправить личное сообщение для maxg5 Посмотреть профиль Найти все сообщения от maxg5
 
Регистрация: 16.08.2016
Сообщений: 89

А если написать такой код:
$('[name="menu-944"]').change(function() {
    var result = $(this).val();
    if (result=='Другой тип') {
        $('[name="text-319"]').css("border-color", "blue");
        $('[name="text-319"]').prop(
         {'disabled': false}
        )
    } else {
        $('[name="text-319"]').css("border-color", "red");
        $('[name="text-319"]').prop(
           {'disabled': true}
         )
    }
});

Как сделать так, что бы код срабатывал сразу при загрузке страницы сайта?
Ответить с цитированием
  #4 (permalink)  
Старый 04.11.2016, 11:42
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

maxg5,
$(function() {
$('[name="menu-944"]').change(function() {
    var result = $(this).val();
    if (result=='Другой тип') {
        $('[name="text-319"]').css("border-color", "blue");
        $('[name="text-319"]').prop(
         {'disabled': false}
        )
    } else {
        $('[name="text-319"]').css("border-color", "red");
        $('[name="text-319"]').prop(
           {'disabled': true}
         )
    }
}).trigger('change');

});
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проверка полей input и select на обязательность функция Jquery find() mxup Общие вопросы Javascript 5 02.08.2016 05:32
Проблемы с элементами select и input razorg1991 Элементы интерфейса 10 06.01.2016 01:09
Замена input на select dima_riabets Общие вопросы Javascript 8 16.01.2015 21:28
C поля input в select dima_riabets Элементы интерфейса 3 18.03.2014 22:32
При добавлении DOCTYPE "плывут" размеры input type=text Demath (X)HTML/CSS 4 08.07.2012 19:27