jQuery - Невозможно выбрать контент с динамическим сгенерированием

Question

Он работает только с первой строкой, но не с последующими сгенерированными строками. JQuery.

$(".ser_code").change(function() { 
    var text = $(this).val(); 
    alert(text); 
}); 

Это HTML.

<li class="receipt-item" id="row_1"> 
    <ul class="browser-actions-receipt"> 
     <li class="receipt-type"> 
      <select name="ser_code[]" id="ser_code_1" class="ser_code"> 
       <option selected disabled hidden value>Item Type</option> 
       @foreach ($options as $b => $a) 
        <option value="{{ $a['sch_code'] }}">{{ $a['eng_desc'] }}</option> 
       @endforeach 
      </select> 

Answer 1

использование .on():

$(document).on('change','.ser_code',function() { 
var text = $(this).val(); 
alert(text); 
}); 

Answer 2

Применение по методу (в) Jquery для динамической генерации контента.

$('.ser_code').on('change', function() { 
    var text = $(this).val(); 
    alert(text); 
    });