Есть таблица, в одной из ячеек которой присутствует select.
Изначально в ячейке есть select, в который option подгружаются из БД.
Есть кнопка, при клике на которую аяксом подтягивается ещё одна строка с таким же select'ом, в который так же из БД подтягиваются option. Это всё работает.
Но встала задача, подтягивать данные, которые хранятся в виде атрибутов data-* в каждом option в свой input. Данные из select'а, который загружается со страницей (т.е не по аяксу) тянутся нормально, а вот данные из динамически добавленных селектов не подтягиваются.
Код у меня следующий:
<tr data-id="tr_1">
<td><b></b></td>
<td>
<select data-id="tr_1" class="titleSpares" name="titleSpares[]">
<option>-- Введите наименование запчасти --</option>
<option data-price="100.00" value="1">VDS/1208 Запчаcть 1</option>
<option data-price="150.50" value="2">Запчаcть 2</option>
<option data-price="12800.63" value="10">Запчасть 10</option>
<option data-price="567.18" value="3">Запчасть 3</option>
<option data-price="1000.10" value="4">Запчасть 4 (УТ-22854)</option>
<option data-price="500.00" value="5">Запчасть 5</option>
<option data-price="4521.00" value="6">Запчасть 6</option>
<option data-price="10.00" value="7">Запчасть 7</option>
<option data-price="52232.00" value="8">Запчасть 8</option>
<option data-price="784.00" value="9">Запчасть 9</option>
</select>
</td>
<td align="center"><input data-id="tr_1" class="qua" type="text" name="quantity[]" value="" style="width: 30px;" /></td>
<td><input type="text" data-id="tr_1" class="priceSpares" name="price[]" value="" style="width: 60px;" /></td>
</tr>
Т.е данные из data-price должны лететь в input с классом priceSpares.
При добавлении появляется такая же строка с data-id="tr_2". Цифра после "tr_ " при добавлении инкрементируется на 1. Сделал я это для обработки jquery, но не удачно.
Пробовал обрабатывать эти данные вот таким кодом (выводил в консоль):
$('body').on('change', '.titleSpares', function() {
var tr_data = $(this).data('id');
console.log('Это ' + tr_data);
});
Для первой строки выводится, для динамики - нет.
Подскажите, пожалуйста, как правильно реализовать данный функционал?
Спасибо.