如何為表格中的自定義選擇做事件監聽器？

Question

我有一個表，它包含來自數據庫的列，並且我在列上有自定義選擇，並且還有按鈕更新。 現在我需要當我在自定義選擇中單擊按鈕 make 事件偵聽器並獲取用戶選擇的內容並使用 JavaScript 打印在控制台上選擇的值......我該怎么做，請任何人幫助我......

@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  ><select class="custom-select mr-sm-2" name="intervel"   >
@if ($item->pay==0)
<option value="0" >Not paid</option>    
<option value="1" >paid </option>

@else ($item->pay==1)
<option value="1" >paid </option>
<option value="0" >Not paid</option>
@endif
</td>
     <td id="stauts">  <?php 
        if($item->stauts==0)
         print_r("available");
     elseif($item->stauts==1)
     print_r("it's Processing ");
     elseif($item->stauts==2)
     print_r("booking done");
       ?></td>
     <td><button type="submit"  class="btn btn-primary but_update"  name="imagaid"   >update</button>
     </td>

Answer 1

要為<select>標記設置事件偵聽器並獲取<option value="any-value" selected>text</option> ，請執行以下操作：

document.querySelector('.custom-select').addEventListener('change', function () {
    let selectedValue = this.value;
    console.log(selectedValue);
});