Запуск jquery изнутри мода

Question

Я пытаюсь запустить jquery из моего модального окна, но, похоже, он ничего не делает. Вот мой JQuery:

$('select').on('change', function() { alert(this.value); })

Код должен предупредить браузер, что выпадающий список был изменен, когда он меняется.

Мои выпадающие генерируются на основе результатов таблицы SQL, как так

<div class="input-group"> 
    <span class="input-group-addon" id="sizing-addon1"><?=$value[1];?></span> 
    <select id="myChange" name="goneTeammates[<?=$uniqueLoop;?>]" class="myChange form-control"> 
     <option class="white" value="">Attended</option> 
     <option class="red" value="<?=$value[0];?>|A">Absent</option> 
     <option class="blue" value="<?=$value[0];?>|V">Vacation/Holiday</option> 
    </select> 
</div> 

Я не знаю, почему я не могу получить эту очень простую вещь, чтобы бежать, это не должно быть это трудно.

P.S Я знаю, что jQuery запущен, потому что выпадающие списки видны в модальном окне, которое работает правильно.

У меня нет ошибок на консоли.

Answer 1

элементы еще не существует, когда эта линия запускается на выполнение

попробовать

$(document).on('change', 'select', function(){ 
     alert (this.value); 
    }); 

и если вы собираетесь просто бросить его на документе или что-то в этом роде, попытаться использовать более конкретные класс для селектора и очистите событие, прежде чем осматривать их. Это предотвращает дублирование обработчика и заканчивается сумасшедшим, если этот код запускается более одного раза. Будет выглядеть примерно следующее:

$(document).off('change', '.myCoolSelect'); 
    $(document).on('change', '.myCoolSelect', function(){ 
     alert (this.value); 
    }); 

Но вам не нужно использовать документ. Любой родительский узел, который, как вы знаете, будет существовать, вы можете добавить обработчики.