Показать сообщение отдельно
  #1 (permalink)  
Старый 09.01.2018, 16:45
Аспирант
Отправить личное сообщение для maksqwerty Посмотреть профиль Найти все сообщения от maksqwerty
 
Регистрация: 03.11.2017
Сообщений: 58

disabled на динамически созданые элементы
Есть таблица с динамическими полями.
При выборе в одном селекте (вне этой таблицы) двух вариантов - инпуты должны быть без атрибута disabled, при остальных - с ним.
Эти инпуты - динамически созданные элементы таблицы при клике на кнопку.
Я читал о делегации событий, но код все-равно не работает.
Вот сам код:
$(document).ready(function(){
var $state = $('#eart'),
    $province = $('.ind');
$state.on("change",function() {
    if ($state.val() == 'EZ') {
        $province.removeAttr('disabled');
    }else if($state.val() == 'MUB2') {
        $province.removeAttr('disabled');
    } else {
        $province.attr('disabled', 'disabled').val('');
    }
}).trigger('change');
});

$province = $('.ind'); - решил брать класс, так как он у них общий.
Скрипт работает только для первого элемента, а для других, которые создаются при клике на кнопку - нет.
Что я делаю не так?
Ответить с цитированием