Получить значение поля выбора в DataTables

Question

Я использую таблицы данных следующим образом:

HTML

<table id="projects_table" class="table table-striped table-hover table-bordered" width="100%">
          <thead>
            <tr>
              <th>Samba lead domain</th>
              <th>Customer (samba)</th>
              <th>Customer (Dolphin)</th>
              <th>Project name</th>
              <th>Assigned User</th>
              <th>Samba ID</th>
              <th>Opportunity owner</th>
              <th>Created date</th>
              <th>Close date</th>
              <th>Samba stage</th>
              <th>Win ratio (%)</th>
              <th>Order Intake (€)</th>
            </tr>
          </thead>
          <tbody>
          @foreach($messages_only_errors as $key => $project)
            <tr>
              <td>{!! $project['opportunity_domain'] !!}</td>
              <td>{!! $project['account_name'] !!}</td>
              <td>
                <select class="customers select2" style="width: 100%;" data-placeholder="Select a customer name">
                  @foreach($customers_list as $key => $value)
                  <option value="{{ $key }}" @if ($value == $project['account_name']) selected @endif>
                    {{ $value }}
                  </option>
                  @endforeach
                </select>
              </td>
              <td><div contenteditable>{!! $project['opportunity_name'] !!}</div></td>
              <td style="width: 200px;">
                <select class="users select2" style="width: 100%;" data-placeholder="Select a user name">
                  @foreach($users_select as $key => $value)
                  <option value="{{ $key }}">
                    {{ $value }}
                  </option>
                  @endforeach
                </select>
              </td>
              <td>{!! $project['public_opportunity_id'] !!}</td>
              <td>{!! $project['opportunity_owner'] !!}</td>
              <td>{!! $project['created_date'] !!}</td>
              <td>{!! $project['close_date'] !!}</td>
              <td>{!! $project['stage'] !!}</td>
              <td>{!! $project['probability'] !!}</td>
              <td>{!! $project['amount_tcv'] !!}</td>
            </tr>
          @endforeach
          </tbody>
        </table>

SCRIPT

$(document).ready(function() {

        $.ajaxSetup({
          headers: {
              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          }
        });

        projects_table = $('#projects_table').DataTable({
          scrollX: true,
          responsive: false,
          columns: [
              { name: 'samba_lead_domain', data: 'samba_lead_domain' , searchable: true , visible: true },
              { name: 'customer_samba', data: 'customer_samba' , searchable: true , visible: true },
              { name: 'customer_dolphin', data: 'customer_dolphin' , searchable: false , visible: true },
              { name: 'project_name', data: 'project_name' , searchable: true , visible: true },
              { name: 'assigned_user', data: 'assigned_user' , searchable: false , visible: true },
              { name: 'samba_id', data: 'samba_id' , searchable: true , visible: true },
              { name: 'opportunity_owner', data: 'opportunity_owner' , searchable: true , visible: true },
              { name: 'created_date', data: 'created_date' , searchable: true , visible: true },
              { name: 'close_date', data: 'close_date' , searchable: true , visible: true },
              { name: 'samba_stage', data: 'samba_stage' , searchable: true , visible: true },
              { name: 'win_ratio', data: 'win_ratio' , searchable: true , visible: true },
              { name: 'order_intake', data: 'order_intake' , searchable: true , visible: true }
              ],
          order: [[1, 'asc']],
          lengthMenu: [
              [ 10, 25, 50, -1 ],
              [ '10', '25', '50', 'all' ]
          ],
          drawCallback: function() {
            $(".customers").select2({
              allowClear: true
            });
            $(".users").select2({
              allowClear: true
            });
            $("#year").select2({
              allowClear: false
            });
            $('.users').val(null).trigger('change');
          }
        });

        projects_table.draw();

Я получаю данные для заполнения с контроллера в Laravel, и у меня есть таблица, которая хорошо печатается с полями выбора для клиента (Dolphin) и назначенного пользователя.

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

$("#create_project_button").click(function() {
          projects_table.rows().every(function(){
            console.log(this.data().assigned_user.find('select').val());
          });
});

Если я использую только код:

console.log(this.data().assigned_user);

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

Answer 1

Если вы пытаетесь получить доступ к выбранному параметру в ячейках таблицы, вам не следует извлекать row().data(), а вместо этого найти соответствующий <td> и получить доступ к выбранному <option> узлу внутри.

Что-то, например:

$("#create_project_button").click(function () {
    projects_table.rows().every(function () {
        console.log($(this.node()).find('td:eq(4) option:selected').val());
    });
});

должен сделать трюк