получить значение, выбранное из пользовательского выбора, до javascript

Question

У меня есть пользовательский выбор в таблице td, поэтому мне нужно, чтобы при нажатии на кнопку обновления получить выбранный элемент до JavaScript. Как я могу это сделать?

    @foreach ($bookinghalls as $item)
          <td>{{$item->id}}</td>
    <td>{{$item->name}}</td>
   <td >{{$item->hall_name}}</td>
    <td>{{$item->from_date}}</td>
    <td>{{$item->to_date}}</td>
    <td>{{$item->type_booking}}</td>  
            <td id ="intervel"><select class="custom-select mr-sm-2" name="intervel" >
        @if ($item->pay==0)
        <option value="0">not pay </option>    
        <option value="1">pay </option>

        @else ($item->pay==1)
        <option value="1">pay </option>
        <option value="0">not pay </option>
        @endif
        </td>
         <td><button type="submit"  class="btn btn-primary but_update"  name="imagaid"   >update</button>   </td>

И это JavaScript:

var table_hallbooking = $("#table_bookinghall").DataTable();
table_hallbooking.on("click", ".but_update", function() {
  $tr = $(this).closest("tr");
  var data = $tr
    .children("td")
    .map(function() {
      return $(this).text();
    })
    .get();
  $("#pay").val(data[6]);
  var pay = $("#intervel").val();
  console.log(pay);
});

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

Answer 1

$('#intervel') является селектором для тега <td>. Установите атрибут id для вашего тега <select>, а затем используйте его для получения значения.