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

Question

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

@foreach ($bookinghalls as $item)


    <tr>
        <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">no pay </option>    
<option value="1">pay </option>

@else ($item->pay==1)
<option value="1">pay </option>
<option value="0">لnot pay </option>
@endif
</td>

это мой jquery

  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();


  var intervel =$('#intervel').val();

  console.log( intervel);


  })