Получить входные данные из таблиц данных

Question

<table id="table" class="table table-bordered table-hover dataTable" style="width:100%">
    <thead>
        <tr>
            <th>RM Code</th>
            <th style="width:10%">Wh</th>
            <th style="width:10%">Quantity
                <br>Recipe</th>
        </tr>
    </thead>
    <tbody>
        <tr class="details">
            <td>
                <input type="text" name="code[]" placeholder="Enter your Name" class="form-control name_list" />
            </td>
            <td>
                <input type="text" name="wh[]" placeholder="Enter your Name" class="form-control name_list" />
            </td>
            <td>
                <input type="text" name="qty[]" placeholder="Enter your Name" class="form-control name_list" />
            </td>
        </tr>
    </tbody>
</table>

как получить количественное значение из таблиц данных выше. и я попытался

$('#table tbody').on('change', 'td', function(e) {
    alert(dtable.cell(this).data());
});

Я все еще не могу получить значение из моего поля ввода ..

Answer 1

var data = dtable.row(this).nodes().to$().find('input[name="rm_code[]"]').val();

Answer 2

Есть два решения для вас. Первое, что на самом деле идет с вашим подходом. Однако это не подходит, так как пользователь получает предупреждение, когда изменяется любое из полей ввода в строке таблицы, поэтому не только поле количества

  $('#table tbody').on('change', 'td', function(e) {
   var data = $('td').find('input[name="qty[]"]').val();
   alert(data);
});

Второе, что более удобно. Пользователь получает предупреждение только при изменении поля количества. При этом вам нужно добавить класс к данным таблицы количеств как

<td class="price">
     <input type="text" name="qty[]" placeholder="Enter your Name" class="form-control name_list" />
   </td>

, обработать его как

 $('#table tbody').on('change', 'td.price', function(e) {
   var data = $(this).find('input').val();
   alert(data);

Надеюсь, это поможет